ffmpeg - mp4在safari中播放，除非它不是第一個來源？鉻不會播放相同的MP4？

Question

另一個問題，試圖讓html5視頻工作。

我使用ffmpeg創建了3種不同格式的相同視頻的3個版本：mp4，ogg和webm。

當作爲第一個html5視頻源列出時，.ogg在chrome中播放效果很好，而當作爲第一個html5視頻源列出時，.mp4在safari中播放良好，但是，如果我將.mp4源列出.ogg源代碼，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不遵守fallback命令並忽略.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> 

換句話說，在我的情況下，瀏覽器將不回退到下一個可用（播放）視頻格式，除非我添加了「類型=」上的每個視頻類型屬性。