Question

我在HTML <video>标记中有不同的视频文件，如下所示：

<video autoplay="" id="video" preload="auto" style="display: inline-block;">
        <source src="../register.mp4" type="video/mp4">
        <source src="../register.webm" type="video/webm">
        <source src="../register.ogv" type="video/ogg">
</video>

但出于某种原因，在Chrome中它不起作用。它只有在我摆脱MP4源码时才有效，但它在IE中不起作用......不确定这里发生了什么或最好的方法来解决这个问题。

我已经按照this问题的建议通过了为所有浏览器创建视频文件的步骤，但它还没有解决我的问题。

Answer 1

您列出来源的顺序很重要。在Chrome中，一旦.MP4视频无法加载，其他来源甚至不会费心尝试加载，所以只需将.MP4源作为最后一个源元素就可以修复所有内容。

<video autoplay="" id="video" preload="auto" style="display: inline-block;">
        <source src="../register.webm" type="video/webm">
        <source src="../register.ogv" type="video/ogg">
        <source src="../register.mp4" type="video/mp4">
</video>

跨浏览器的HTML5视频兼容性无法使用多种视频格式

1 个答案: