<!DOCTYPE html>
<html>
<body>
<video playsinline loop autoplay muted>
<source type="video/webm" codecs="av01.0.05M.08" src="Sample_AV1.webm">
</video>
<p>Can my browser play WebM videos? <span>
<button onclick="supportType(event,'video/webm', codecs='av01.0.05M.08')" type="button">Test</button>
</span></p>
<script>
function supportType(e,vidType,codType) {
var vid = document.createElement('video');
isSupp = vid.canPlayType(vidType+';codecs="'+codType+'"');
if (isSupp == "") {
isSupp = "No";
}
e.target.parentNode.innerHTML = "Answer: " + isSupp;
}
</script>
</body>
</html>