加载= "lazy"但对于 HTML5 视频



我用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属性。

这里有预加载说明

此处自动播放说明

这里的循环说明

海报说明在这里

相关内容

  • 没有找到相关文章

最新更新