还有一个问题是试图让html5视频正常工作 .
我使用ffmpeg:mp4,ogg和webm以3种不同的格式创建了3个版本的同一视频 .
当作为第一个html5视频源列出时,.ogg在chrome中运行良好,当作为第一个html5视频源列出时,.mp4在safari中播放正常,但是,如果我在.ogg源上方列出.mp4源,则chrome将不再加载/播放.ogg视频,因为它默认为.mp4视频will not play,并且以相同的方式,如果我在.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文件?
1 回答
经过相当多的故障排除,添加/删除标签后,我终于通过列出其类型让后备工作正常 .
换句话说,在我的情况下,除非我在每种视频类型上添加'type ='属性,否则浏览器不会回退到下一个可用(可播放)视频格式 .