我用flask制作了一个可滚动的画廊,显示了许多<video>
元素,视频文件很小,但它仍然产生了很多http 206请求,这是瓶颈flask。
<img>
有loading="lazy"
,这很方便。
是否有一些方法,只有javascript或css,实现这样的行为,但<video>
?
我可以使用preload="none"
,但它不会显示第一视频帧。
您可以使用此解决方案的一部分:
<video preload="none" src="video.mp4"
autoplay="false" poster="poster.jpg"
muted="false" loop="false">
</video>
如果preload为none
,则浏览器不预加载媒体,但建议将图像替换为poster属性。
这里有预加载说明
此处自动播放说明
这里的循环说明
海报说明在这里