Execute a script when the cue changes in a element in HTML?


When the cue changes, the oncuechange attribute triggers in HTML. It works with the <track> element.

<video>
   <track oncuechange = "alert(‘Changed!’)”>
</video>

Example

You can try to run the following code to implement oncuchange attribute −

<!DOCTYPE HTML>
<html>
   <body>
      <video width = "300" height = "200" controls autoplay>
         <source src = "/html5/foo.ogg" type = "video/ogg" />
         <source src = "/html5/foo.mp4" type = "video/mp4" />
         <track src = "subtitles_en.vtt" kind = "subtitles" srclang = "en" label="English" oncuechange = "alert(‘Changed!’)”>
         Your browser does not support the video element.
      </video>
   </body>
</html>

Updated on: 03-Mar-2020

65 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements