The GlobalEventHandlers.onplay property sets and returns the event handler for the play event that is fired when playback has begun.


element.onplay = handlerFunction;
var handlerFunction = element.onplay;

handlerFunction should be either null or a JavaScript function specifying the handler for the event.


<!DOCTYPE html>

<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.

<p>Video courtesy of <a href="" target="_blank">Big Buck Bunny</a>.</p>

function myFunction() {
    alert("The video has started to play");



Specification Status Comment
HTML Living Standard
The definition of 'onplay' in that specification.
Living Standard


Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes ?3.5 ? ? ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support Yes Yes ?4 ? ? ?

See also

Information on working with event handlers

Document Tags and Contributors

Contributors to this page: fscholz, wbamberg, Guillaume-Heras, rolfedh
Last updated by: fscholz,