TAG
JavaScript
Result
Run
License
<video id="player" muted autoplay 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> <button type="button" id="btn-toggle" data-action="pause">Pause</button>
window.addEventListener("load", function() { const $elPlayer = document.querySelector("#player"); const $elBtnToggle = document.getElementById("btn-toggle"); $elBtnToggle.addEventListener("click", e => { const $elTarget = e.currentTarget; let curAction = $elTarget.dataset.action; if(curAction == "pause") { $elPlayer.pause(); $elTarget.textContent = "Play"; $elTarget.dataset.action = "play"; } else { $elPlayer.play(); $elTarget.textContent = "Pause"; $elTarget.dataset.action = "pause" } console.log($elPlayer.paused); }); });
Console
expand_less
License
License
by DevDic
Close