TAG
JavaScript
Result
Run
License
<div class="wrapper"> <video id="player" muted autoplay controls> <source src="http://resrc.devdic.com/media/video/movie.mp4" type="video/mp4" /> <source src="http://resrc.devdic.com/media/video/movie.ogg" type="video/ogg" /> </video> <p></p> </div>
window.addEventListener("load", function() { let elPlayer = document.querySelector("#player"); let track = elPlayer.addTextTrack("captions"); track.mode = "showing"; let cue1 = new VTTCue(0, 4.0, "Opps"); cue1.vertical = ""; track.addCue(cue1); let cue2 = new VTTCue(4.2, 10.0, "Hurry and run away"); cue2.vertical = "rl"; track.addCue(cue2); track.addEventListener("cuechange", e => { let html = e.currentTarget.activeCues[0].getCueAsHTML(); elPlayer.nextElementSibling.replaceChildren(html); }); });
Console
expand_less
License
License
by DevDic
Close