没有在浏览器中播放的视频
没有在浏览器中播放的视频
提问于 2013-03-16 15:20:08
我有6种不同类型的视频格式，即.avi、.mkv、.mov、.ogv、..wmv、E 110.mp4E 211。我试图使用HTML5中的视频标记将这些视频嵌入到浏览器中。但在任何浏览器中都没有播放视频。在Firefox中，它显示了"no视频，支持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>在火狐浏览器、铬浏览器、IE浏览器、safari浏览器、opera浏览器上都可以播放所有这些视频。
回答 4
Stack Overflow用户
回答已采纳
发布于 2013-03-16 22:58:18
简单的答案是，由于各种原因，并非所有浏览器都支持所有可用的编解码器/容器。
这里有一个非常最新的列表，视频，这个答案展示了如何测试特定的支持自己( 网站特定部分的移动检测 )。
你提到(在其中一个评论中)你被抛出了一个错误.如果你让我们知道这是什么错误(如果canPlayType()没有回答这个问题)，那么我们可以做更多的研究
Stack Overflow用户
发布于 2013-03-16 16:44:42
听着，我做了一些测试(我只测试了AVI和MP4格式)，出于某种原因，在Google上，到目前为止只有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>Stack Overflow用户
发布于 2013-03-16 23:17:01
这应该足以在所有浏览器(浏览器中的视频支持)中播放视频：
<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' />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15450965
复制相关文章
相似问题
腾讯云开发者
