这就是我的想法:
if webm is not supportet {
$("video").css("display", "none");
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<video src="video.webm" poster="image.png" playsinline muted autoplay loop></video>
如果不支持 WebM,是否可以隐藏视频?如果是,如何?
只有 CSS 也可以。
非常感谢您的帮助!
答案 0 :(得分:1)
创建一个视频元素或使用现有元素并使用 canPlayType()
函数进行检查:
var elem = document.createElement( "video" )
canPlayWebM = "" !== testEl.canPlayType( 'video/webm; codecs="vp8, vorbis"' )
if (!canPlayWebM) {
$("video").css("display", "none");
}
关于函数 here
的更多信息