W3cubDocs

/DOM

GlobalEventHandlers.onplay

The GlobalEventHandlers.onplayproperty 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 compatibilityUpdate compatibility data on GitHub

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Basic support	Yes	?	3.5	?	?	?

	Mobile
	Android webview	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	iOS Safari	Samsung Internet
Basic support	Yes	Yes	?	4	?	?	?

GlobalEventHandlers.onplay

Syntax

Example

Specification

Browser compatibilityUpdate compatibility data on GitHub

See also