HTML ontimeupdate Event Attribute

Description

The event attribute ontimeupdate event occurs when the audio / video playback position has changed (for example, when a user selects a playback point much further from the current one).

This event is raised in two cases:

During audio / video playback
When moving the playback position

Syntax

<element ontimeupdate="script">

Values

scriptThe name of the script to use when the event has been triggered.

Example

HTML

<!DOCTYPE HTML>
<html>
<body>

<p id="demo">Move the audio slider to a new position:</p>

<audio id="myAudio" controls ontimeupdate="myFunction()">  
  <source src="audio.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>

<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "You have moved to position " + document.getElementById("myAudio").currentTime;
}
</script> 

<p>This example shows how to use the ontimeupdate attribute for an AUDIO element.</p>

</body>
</html>

Result

Supported Tags

Browser Support

Desktop

9	12	32	9	19	9

Tablets / Mobile

4.4.3	32	9	19	9	2.0

Share this Page

If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.

URL

Menu