Question

我正致力于为我的网站加快页面加载速度。好像Chrome正在加载列出的两个HTML5视频文件。据我了解，浏览器应该选择第一个有效的视频。在网络标签下的Chrome开发者工具中，它显示两个视频都是在页面加载时下载的。

有没有办法阻止这两种情况发生？这是我的代码:(数据属性是skrollr.js）

<video id="video" preload="auto" autoplay muted class="landscape deskVid" loop poster="/img/eventsPoster.jpg"
                    data-anchor-target=".header"
                    data-top="display: block; opacity:1; transform:translateY(0px);"
                    data--60p-top="display: none; opacity:0; transform:translateY(0px);"
                >
                <source src="/img/eventsVideo.webm" type="video/webm">
                <source src="/img/eventsVideo.mp4" type="video/mp4"> </video>

Answer 1

当我在<video>标记中列出webm源后跟mp4源时，Chrome只会访问webm源。您的webm源可能存在问题。它可能不是有效的webm，或者您的Web服务器可能没有在HTTP响应标头中报告正确的Content-Type（应该是video/webm）。

Chrome正在下载网页加载的webm和mp4 HTML5视频源

1 个答案: