Question

是否有任何JavaScript或其他方式检查html5视频支持？

Answer 1

使用：

<script>
alert(!!document.createElement('video').canPlayType);
</script>

如果警告为真意味着您的浏览器支持HTML5视频标记

以下是检查HTML5浏览器兼容性的网址http://www.html5test.com/ 打开浏览器中的URL以测试浏览器支持html5的程度

Answer 2

糖果的一点点改进--BlingBling的回答：对不起 - 我还不能发表评论:(

var isHTML5Video = (typeof(document.createElement('video').canPlayType) != 'undefined') ? true : false;

甚至更简单（感谢digitalBath - 我总是看不到木头的树木:)）

var isHTML5Video = (typeof(document.createElement('video').canPlayType) != 'undefined');

Answer 3

看看Modernizer：http://www.modernizr.com/

在那里，您可以轻松获得API

if (Modernizr.video) {
  // html5 video available
}

但是还有更多功能和更合适的API。

Answer 4

一种方法是嵌入html5标签，然后将备用视频查看器作为“后备”放在视频标签中。如果浏览器无法识别标记，则会显示回退。它不是严格“检测”html5视频支持，但可能适合您的需求。

<video src='...'>
    <embed flash player instead>
</video>

Answer 5

我使用@ sweets-BlingBling答案的细微变化，即：

var hasVideo = !!document.createElement('video').canPlayType &&
               !!document.createElement('video').canPlayType('video/mp4')

这还将检查媒体类型'video/mp4'是否实际可播放（如果您的视频具有其他媒体类型，例如'video/webm'或'video/ogg'，请更改此类型）。如果绝对不能播放视频，则该方法返回一个空String，否则返回'probably'或'maybe'（实际上，两个结果在大多数情况下均表示yes）。我必须为具有canPlayType但不能播放mp4视频的Chrome 41（貌似是在Google搜寻器中使用）添加它。

如何检查html5视频支持？

5 个答案: