html音频/视频控件何时开始从服务器接收文件内容到浏览器

Question

我的网页上有html音频/视频控件，如下面的代码。

<audio controls>
  <source src="somefolder/audio.mp3" type="audio/mpeg"> 
</audio>

<video width="350" height="250" controls>
  <source src="somefolder/video.mp4" type="video/mp4">
</video>

控件何时开始从服务器接收音频/视频文件内容？是单击播放按钮时还是第一次访问该页面时开始接收。

Answer 1

当您访问页面第一时间时，音频和视频标签加载源。但是，可以延迟加载视频，它将仅加载图像，并且在单击播放按钮时将开始加载视频。您可以使用音频/视频标签中的preload="metadata"属性进行设置，例如如果您有标签<video width="350" height="250" controls><source src="video.mp4" type="video/mp4"></video>，只需添加属性<video preload="metadata" width="350" height="250" controls><source src="video.mp4" type="video/mp4"></video>，然后点击播放按钮即可开始加载视频。