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 回答