3

我有 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）中播放所有这些视频。

4

4 回答 4

3

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

这里有一个相当最新的列表http://en.wikipedia.org/wiki/HTML5_video 这个答案显示了如何自己测试特定的支持网站特定部分的移动检测

您提到（在其中一条评论中）您收到了一个错误......如果您让我们知道那是什么错误（如果canPlayType()没有回答问题），那么我们可以进行更多研究

于 2013-03-16T22:58:18.657 回答
0

看，我做了一些测试（我有时间只测试 AVI 和 MP4 格式），出于某种原因，在 Google Chrome 上，到目前为止只有 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>
于 2013-03-16T16:44:42.453 回答
0

这应该足以在所有浏览器中播放视频（浏览器中的视频支持）：

<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' />
于 2013-03-16T23:17:01.427 回答
0

为了涵盖大多数情况，将每个视频转换为 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，预加载标签必须存在并设置为自动或无。

于 2013-03-27T12:32:01.527 回答