1

另一个试图让 html5 视频正常工作的问题。

我使用 ffmpeg 以 3 种不同格式创建了同一视频的 3 个版本：mp4、ogg 和 webm。

当列为第一个 html5 视频源时，.ogg 在 chrome 中可以正常播放，当列为第一个 html5 视频源时，.mp4 在 safari 中可以正常播放，但是，如果我在 .ogg 源上方列出 .mp4 源，chrome 将不再加载/播放 .ogg 视频，因为它默认为不会播放的 .mp4 视频，并且以同样的方式，如果我在 .mp4 源文件上方列出 .ogg 源文件，safari 将不会加载 .mp4 源文件。 mp4 视频。

我很茫然。这是我的嵌入代码：

<video width="100%" height="100%">
    <source src="./videos/Wildlife.ogg">
    <source src="./videos/Wildlife.webm">
    <source src="./videos/Wildlife.mp4">
</video>

关于为什么源之间的后备不能正常工作的任何想法？

为什么 safari 不遵守后备命令并忽略 .ogg/.webm 文件？

4

1 回答 1

3

经过相当多的故障排除和添加/删除标签后，我终于通过列出它们的类型让后备方案正常工作。

<video width="100%" height="100%">
    <source src="./videos/Wildlife.ogg" type="video/ogg">
    <source src="./videos/Wildlife.webm" type="video/webm">
    <source src="./videos/Wildlife.mp4" type="video/mp4">
</video>

换句话说，就我而言，浏览器不会退回到下一个可用（可播放）的视频格式，除非我在每个视频类型上添加了 'type=' 属性。

于 2013-07-05T02:36:03.967 回答