The onplay
property of the GlobalEventHandlers
mixin is the EventHandler
for processing play
events.
Syntax
element.onplay = handlerFunction; var handlerFunction = element.onplay;
handlerFunction
should be either null
or a JavaScript function specifying the handler for the event.
Example
<p>This example demonstrates how to assign an "onplay" event to a video element.</p> <video controls onplay="alertPlay()"> <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 alertPlay() { alert("The video has started to play."); } </script>
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.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
onplay | Chrome Full support Yes | Edge Full support ≤79 | Firefox Full support 3.5 | IE ? | Opera ? | Safari ? | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support 4 | Opera Android ? | Safari iOS ? | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown