如何使用video poster属性设置视频封面(poster,video,开发技术)

时间:2024-04-19 09:49:18 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    %E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8video+poster%E5%B1%9E%E6%80%A7%E8%AE%BE%E7%BD%AE%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2

此时可使用H5 video提供的poster属性即可轻松实现,

poster 属性规定视频下载时显示的图像或用户点击播放按钮前显示的图像。如未设置该属性,则使用视频的第一帧代替

Demo:

补充:有时会出现视频封面无法铺满的情况,需要使用object-fit属性铺满整个屏幕

本文:如何使用video poster属性设置视频封面的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:Netty如何实现高效的HTTP服务器下一篇:

2 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18