Question

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

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

当作为第一个html5视频源列出时，.ogg在chrome中运行良好，并且当作为第一个html5视频源列出时，.mp4在safari中播放正常，但是，如果我在.ogg源上方列出.mp4源，chrome将不再加载/播放.ogg视频，因为它默认为will not play的.mp4视频，并且以同样的方式，如果我在.mp4源文件上方列出.ogg源文件，safari不会加载.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文件？

Answer 1

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

<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 ='属性，否则浏览器不会回退到下一个可用（可播放）视频格式。

ffmpeg - mp4在safari中播放，除非它不是第一个来源？ Chrome不会播放相同的mp4？

1 个答案: