TAG
JavaScript
Result
Run
License
<video id="player" controls crossorigin="anonymous"> <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> <dl> <dt>Adjust playback rate: <span>1</span></dt> <dd><input type="range" id="playbackrate" min="0.25" max="4.0" step="0.05" value="1" /></dd> <dt><label><input type="checkbox" id="preservepitch" checked />Preserve pitch</label></dt> </dl>
window.addEventListener("load", function() { const $elPlayer = document.querySelector("#player"); const $elPlaybackrate = document.getElementById("playbackrate"); const $elPreservepitch = document.getElementById("preservepitch"); $elPlaybackrate.addEventListener("input", e => { let elTarget = e.currentTarget; let playbackRate = elTarget.value; elTarget.parentElement.previousElementSibling.children[0].textContent = playbackRate; $elPlayer.playbackRate = playbackRate; }); $elPreservepitch.addEventListener("change", e => $elPlayer.preservePitch = e.currentTarget.checked); });
Console
expand_less
License
License
by DevDic
Close