时间戳

首页 > 解决方案 > 如果不支持 WebM，则使用 jQuery 隐藏视频

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

问题描述

这将是我的想法：

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

非常感谢您的帮助！

标签： javascriptjquerycss

解决方案

创建一个视频元素或使用现有的元素并使用以下canPlayType()功能进行检查：

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

有关功能的更多信息here

推荐阅读