如何检查浏览器是否可以通过html5视频标签播放mp4?

Coe*_*epr 35 html5 html5-video

如何检查浏览器是否可以通过html5视频标签播放mp4?

Ale*_*olo 52

这可能对您有所帮助:

<script type="text/javascript">'.
   var canPlay = false;
   var v = document.createElement('video');
   if(v.canPlayType && v.canPlayType('video/mp4').replace(/no/, '')) {
       canPlay = true;
   }

   alert(canPlay);

</script>
Run Code Online (Sandbox Code Playgroud)

  • Alex Polo上面的评论正是您所需要的.此外,还有一个很好的理由来检查浏览器播放视频格式的能力.Firefox不支持MP4.Chrome,Safari,MobileSafari和IE9都可以.即使您包含Flash播放器后备(以您向不支持HTML5视频的浏览器显示JPEG回退的方式),Firefox也不会使用它而是显示损坏的视频播放器. (5认同)

小智 11

Alex Polo的回复还不错但是不完整尝试这个以检查编解码器是否也受支持:

var mp4Supported = (!!document.createElement('video').canPlayType('video/mp4; codecs=avc1.42E01E,mp4a.40.2'));
Run Code Online (Sandbox Code Playgroud)

同样对于ogg,webm等...也适用于音频:)


Jus*_*808 9

以下链接说明了如何:

http://diveintohtml5.info/detect.html#video-formats

  • 是的,但如果您只能支持1种视频格式,则需要进行检测才能处理它.就像我在下面说的CSS和其他技术应该以类似的方式工作,但我们都知道你需要检测和黑客.用"只是作品"回答原始问题并不能解决或真正回答这个问题.我发布的链接呢. (3认同)
  • 谢谢,我做了一些阅读.我知道标签的重点是什么.我也读了这个问题然后回答了.如果您认为自己最了解,并且OP想要从一行问题中获取信息,那么很棒 - 您可以阅读思想.不要假设知道他/她想要对信息做什么. (3认同)