The GlobalEventHandlers.onplay property sets and returns the event handler for the play event that is fired when playback has begun.
Syntax
element.onplay = handlerFunction; var handlerFunction = element.onplay;
handlerFunction should be either null or a JavaScript function specifying the handler for the event.
Example
<!DOCTYPE html>
<html>
<head>
<body>
<title>onplay event example :</title>
<p>This example demonstrates how to assign an "onplay" event to a video element.</p>
<video controls onplay="myFunction()">
<source src="mov_bbb.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>
<p>Video courtesy of <a href="http://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p>
<script>
function myFunction() {
alert("The video has started to play");
}
</script>
</head>
</body>
</html>
Specification
| Specification | Status | Comment |
|---|---|---|
| HTML Living Standard The definition of 'onplay' in that specification. |
Living Standard |
|
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
| Basic support | Chrome Full support Yes | Edge ? | Firefox Full support 3.5 | IE ? | Opera ? | Safari ? | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android Full support 4 | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown
See also
Document Tags and Contributors
Last updated by:
fscholz,