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> <div> <select id="mediatype"> <option>- Select to type -</option> <option value="video/mp4">video/mp4</option> <option value="video/ogg">video/ogg</option> <option value="audio/mpeg">video/mpeg</option> <option value="video/quicktime">video/quicktime</option> <option value="video/webm">video/webm</option> <option value="audio/mp3">video/mp3</option> </select> <output></output> </div>
window.addEventListener("load", function() { const $elPlayer = document.getElementById("player"); const $elMediaType = document.getElementById("mediatype"); const $elOutput = document.querySelector("output"); $elMediaType.addEventListener("change", e => { let mediaType = e.currentTarget.value; $elOutput.textContent = $elPlayer.canPlayType(mediaType); }); });
Console
expand_less
License
License
by DevDic
Close