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

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

在HTML中,可以使用preload属性来限制视频的预加载时长。该属性可以设置为autometadatanone

  • 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 事件时有效。