2016-03-03 66 views
1

我創建了一個視頻頁面:HTML5視頻源命令是否重要?

<video autoplay loop width="1280" height="720"> 
<source src="media/airplane720.mp4" type="video/mp4"> 
<source src="media/airplane720.ogv" type="video/ogg"> 
Your browser doesn't support HTML5 video in WebM with VP8 or MP4 with H.264. 
</video> 

的Firefox 44將無法播放,甚至顯示沒有瀏覽器的支持信息。 但是,如果我更改順序 - 即首先放置ogv文件,它將起作用。

問題:

a。 HTML5視頻後備方法不起作用嗎?那有什麼意義呢?

b。我如何在運行時檢查 - 每個瀏覽器中加載了哪種視頻格式?在Chrome瀏覽器 - >開發者工具 - >網絡 - 我看到兩個mp4 + ogv文件已經下載(status = finished)。這是爲什麼?不應該只有一個下載?如果一切都下載,有什麼意義?

c。如何在Firefox中查看相同的內容?

感謝, K.

回答

1

一)無瀏覽器的支持,消息必須做的<video>標籤,而不是與視頻文件類型。如果TAG不受支持(不支持html5),那麼您應該看到該消息。

b)你可以檢查它通過JavaScript,請參閱https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/canPlayType

var obj = document.createElement('video'); 
console.log(obj.canPlayType('video/mp4')); // check the return value 

三)---

+0

感謝您的答覆,但我不知道如果我問就很明確。視頻如何播放 - 僅限於 - 如果文件格式的順序被交換了? 這不是回退法的重點嗎?如果以前沒有播放,請轉到下一個格式... – Kadjia

+1

是的,這應該是絕對的情況,瀏覽器應該只播放其中一個視頻並跳過任何不支持的格式。我猜FF瀏覽器知道它可以播放mp4視頻,但是在這個mp4文件中有一些導致FF停止播放它的東西。也許一些意想不到的音頻或視頻編解碼器在MP4容器?你有沒有試過另一個MP4文件? –