0

我有一个看起来像这样的视频标签：

<video width="380px" height="190px" controls>
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogv" type="video/ogg" />
  Your browser does not support the video tag.
</video>

这会在 Firefox 和 Chrome 中播放视频。但是，IE9 和 10 只是声明了不可读的源（视频“框”本身出现，因此支持该标签）。Safari 似乎不支持 video 标签，因此我只看到我的后备消息。但是，如果我直接在任何浏览器中访问 URL，我可以在 Firefox + Chrome 中观看电影并在 IE + Safari 中下载。

我应该怎么做才能使视频在所有浏览器中都可以播放？

4

2 回答 2

1

将此行添加到您的脑海中的某个地方。 <script src="http://api.html5media.info/1.1.5/html5media.min.js"></script>

还可以尝试将您的来源放在开始的视频标签中。

<video source src="movie.mp4" type="video/mp4" width="380px" height="190px" controls></video>

完全希望这会有所帮助

于 2013-06-20T14:29:03.960 回答
0

我通常有四个版本的相同视频的跨浏览器兼容：

<video width="320" height="240" controls>
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    <source src="movie.webm" type="video/webm">
    <object data="movie.mp4" width="320" height="240">
        <embed src="movie.flv" width="320" height="240">
    </object> 
</video>

.mp4, .webm,.ogv和闪退.flv。这对我来说跨浏览器效果很好。另一件需要注意的事情是，对于移动设备，优化程度更高的 .mp4 视频更有可能工作（我过去曾遇到过这个问题）。

于 2013-06-20T14:33:56.607 回答