HTML5 多视频同源加载

Question

我正在尝试添加多个 (3) 具有相同来源的视频，但它们加载了多次。您知道如果源相同，它们不会加载 3 次吗？

video::-webkit-media-controls {
    display: none;
}

<video width="285" autoplay playsinline muted loop>
    <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
</video>

<video width="285" autoplay playsinline muted loop>
    <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
</video>

<video width="285" autoplay playsinline muted loop>
    <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
</video>

Chrome Network media

Answer 1

Chrome 不会多次加载同一视频。我只在 Safari 上加载了该视频一次，但根据 Web Inspector 的说法，它会加载视频的不同部分以减少计算机内存的负载。例如，如果您正在看电影，它不想将 1080p 电影的所有 2 小时都加载到 RAM 中，因此它会加载部分内容。