html - 视频无法在浏览器中播放

Question

我有 6 种不同类型的视频格式，即 .avi、.mkv、.mov、.ogv、.wmv、.mp4。我尝试使用 HTML5 中的视频标签将这些视频嵌入到浏览器中。但是没有视频在任何浏览器中播放。在 Firefox 中，它显示“没有支持 mime 类型的视频”。在 Chrome 中，只有 .mp4 视频正在播放，其余视频没有播放。在 IE8 中它什么都不显示。这是我的 HTML 代码:

<video width="300" height="200" controls>
    <source src="videos/airhorse_avi.avi" type="video/avi" title="Avi Videos">
</video>
<video width="300" height="200" controls>
    <source src="videos/airhorse_mkv.mkv" type="video/mkv" title="Mkv Videos">
</video>
<video width="300" height="200" controls>
    <source src="videos/airhorse_mov.mov" type="video/mov" title="Mov Videos">
</video>
<video width="300" height="200" controls>
    <source src="videos/airhorse_ogv.ogv" type="video/ogv" title="Ogv Videos">
</video>
<video width="300" height="200" controls>
    <source src="videos/airhorse_wmv.wmv" type="video/wmv" title="Wmv Videos">
</video>
<video width="300" height="200" controls>
    <source src="videos/spielberg_mp4.mp4" type="video/mp4" title="Mp4 Videos">
</video>

是否可以在任何浏览器(如 firefox、chrome、IE、safari、opera)中播放所有这些视频。

Answer 1

简单的答案是，由于各种原因，并非所有浏览器都支持所有可用的编解码器/容器。

这里有一个相当最新的列表http://en.wikipedia.org/wiki/HTML5_video 这个答案显示了如何自己测试特定的支持 Mobile detection for specific parts of websites

你提到(在其中一条评论中)你抛出了一个错误......如果你让我们知道那是什么错误(如果 canPlayType() 没有回答这个问题)然后我们可以再研究一些