HTML如何给视频的预加载限制时长？

Question

比如我想让视频只缓冲2s，因为服务器宽带速度够，这样可以省流量

Answer 1

在HTML中，可以使用preload属性来限制视频的预加载时长。该属性可以设置为auto，metadata或none。

• auto：表示预加载整个视频。
• metadata：表示只预加载视频的元数据，例如视频的尺寸和长度。
• none：表示不预加载视频。

例如，下面是一个只预加载视频的前10秒的例子：

<video preload="auto" src="video.mp4" onloadedmetadata="this.currentTime=10; this.preload='metadata';"></video><video preload="auto" src="video.mp4" onloadedmetadata="this.currentTime=10; this.preload='metadata';"></video>

这个例子中，在视频的元数据加载完成后，会将视频的播放位置设置为10秒，然后将preload属性设置为metadata，这样就只会加载10秒以前的视频。

注意这个方法只会在浏览器支持 onloadedmetadata 事件时有效。