TAG
CSS
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> <input type="radio" id="set-mute-true" name="set_mute" value="1" checked /> <label for="set-mute-true">Set Mute</label> <input type="radio" id="set-mute-false" name="set_mute" value="0" /> <label for="set-mute-false">Unset Mute</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_mute']"); [...elRadio].forEach(item => { item.onclick = e => { let mute = e.target.value == 1 ? true : false; elPlayer.muted = mute; }; }); let evtClick = new Event("click"); document.querySelector("#set-mute-true").dispatchEvent(evtClick); });
Console
expand_less
License
License
by DevDic
Close