2017-01-06 98 views
0

我使用HTML 5視頻標籤來顯示視頻作爲我的網站桌面英雄形象。它在鉻和火狐中毫無問題地工作,幾乎立即加載。但在IE 11和我假設較早的版本中,大約需要10秒才能加載。我不知道爲什麼會這樣。 MP4視頻爲16MB,其他格式較小。HTML 5視頻加載非常緩慢在IE 11

<video autoplay loop class="hero-video">   
<source src="/img/10_Seconds_w_o_Matte.mp4" type="video/mp4" codecs="avc1.4D401E, mp4a.40.2" /> 
<source src="/img/10_Seconds_w_o_Matte.ogg" type="video/ogg" /> 
<source src="/img/10_Seconds_w_o_Matte.webm" type="video/webm" /> 
<source src="/img/hero2_img.jpg" /> 

Your browser does not support the video tag. I suggest you upgrade your browser. 
</video> 
+0

我想你回答了你自己的問題 - 「mp4視頻是16MB,其他格式更小」。 –

+1

我相信Chrome加載mp4,儘管 – Columbus

回答

0

鉻去除H264支持,幾年前https://blog.chromium.org/2011/01/html-video-codec-support-in-chrome.html

所以Chrome和Firefox正在進入你的代碼,並跳過過去的MP4和加載較小的文件,而IE 11只支持MP4所以它必須加載較大視頻。

您的問題是與您的mp4的大小。如果你想要加載速度更快的文件,你可以用文件的名字來猜測它看起來像是可以用動畫GIF做一些有趣的事情,而不是IE的視頻。只是一個建議。不幸的是,如果這是最小的MP4將得到,你必須使用一個視頻文件,那麼你有點堅持它加載緩慢的IE瀏覽器。

+0

Chrome宣佈他們將刪除H.264支持,但尚未完成,Firefox也沒有。編解碼器的偏好可能在這裏發揮作用,但仍支持H.264。 –