Question

我有6种不同类型的视频格式，即 .avi ， .mkv ， .mov ， .ogv < / strong>， .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()没有回答问题）那么我们可以研究一些更

Answer 2

看，我已经完成了一些测试（我有时间只测试AVI和MP4格式），出于某种原因，在谷歌浏览器上，到目前为止只有mp4格式正在运行。

另一件事，就像你一样编写代码是非常没必要的，试着这样做（就像我说的那样对我来说很好。）：

<video width="300" height="200" controls>
<source src="video/movie.mp4" type="video/mp4">
<source src="videos/movie.mp4" type="video/avi">
Your browser does not support the video tag.
</video>

Answer 3

这应足以在所有浏览器中播放视频（video support in browsers）：

<video width="300" height="200" controls> 
    <source src="videos/airhorse_ogv.ogv" type='video/ogg; codecs="theora, vorbis"'/> 
    <source src="videos/spielberg_mp4.mp4" type='video/mp4'/> 
    <p> Video is not visible, most likely your browser does not support HTML5 video </p> 
</video>

如果你添加这一行就会很棒：

<source src="videos/spielberg_webm.webm" type='video/webm' />

Answer 4

要涵盖大多数情况，请将每个视频转换为Ogg，Webm和MP4版本，并使用以下方式将其显示在网页上：

<video width="300" height="200" controls preload="none">
    <source src="video/myvideo.ogv" type="video/ogg">
    <source src="video/myvideo.webm" type="video/webm">
    <source src="video/myvideo.mp4" type="video/mp4">
</video>

对于IE8及更早版本，请使用flash（请参阅http://videojs.com）

对于IE9，preload标签必须存在并设置为auto或none。

视频无法在浏览器中播放

4 个答案: