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
