TAG
CSS
JavaScript
Result
Run
License
<div class="wrapper"> <video id="player" muted autoplay controls> <source src="https://resrc.devdic.com/media/video/movie.mp4" type="video/mp4" /> <source src="https://resrc.devdic.com/media/video/movie.ogg" type="video/ogg" /> </video> <p> <input type="radio" id="set-loop-true" name="set_loop" value="1" checked /> <label for="set-loop-true">Loop</label> <input type="radio" id="set-loop-false" name="set_loop" value="0" /> <label for="set-loop-false">Once</label> </p> </div>
.wrapper { display: flex; flex-wrap: wrap; }
window.addEventListener("load", function() { let elPlayer = document.querySelector("#player"); let elRadio = document.querySelectorAll("input[name='set_loop']"); [...elRadio].forEach(item => { item.onclick = e => { let loop = e.target.value == 1 ? true : false; elPlayer.loop = loop; }; }); let evtClick = new Event("click"); document.querySelector("#set-loop-true").dispatchEvent(evtClick); });
Console
expand_less
License
License
by DevDic
Close