从一个源加载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中，那么它将加载其中的一部分。