HTML 5 视频在 IE 11 中加载非常慢

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 中加载缓慢的问题。

HTML 5 视频在 IE 11 中加载非常慢

HTML 5 video loading very slowly in IE 11

html

html5-video