Question

这就是我的想法：

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 也可以。

非常感谢您的帮助！

Answer 1

创建一个视频元素或使用现有元素并使用 canPlayType() 函数进行检查：

var elem = document.createElement( "video" )
canPlayWebM = "" !== testEl.canPlayType( 'video/webm; codecs="vp8, vorbis"' )
if (!canPlayWebM)  {
  $("video").css("display", "none");
}

关于函数 here

的更多信息

如果不支持 WebM，则使用 jQuery 隐藏视频

1 个答案: