Question

我正在使用html 5视频标签将视频显示为我的网站桌面英雄形象。它在chrome和Fire Fox中没有问题，几乎立即加载。但在IE 11中，我假设早期版本，加载大约需要10秒钟。我不确定为什么会这样。 mp4视频为16MB，其他格式较小。

<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>

Answer 1

Chrome几年前删除了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中加载速度很慢。

IE 11中的HTML 5视频加载速度非常慢

1 个答案: