Question

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

<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似乎不支持视频标记，因此我只看到我的后备消息。但是，如果我直接在任何浏览器中访问该网址，我可以在Firefox + Chrome中观看该电影并在IE + Safari中下载。

如何在所有浏览器中播放视频？

Answer 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>

希望完全有帮助

Answer 2

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

<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视频更有可能工作（过去我遇到过这个问题）。

在所有浏览器中播放视频标签

2 个答案: