HTML5 视频设置和播放控制设置视频封面：通过 poster 属性或 JavaScript setPoster() 方法指定封面图像。实现视频循环播放：通过 loop 属性或 JavaScript loop 属性启用循环播放。
通过 JavaScript：使用 JavaScript 的 setPoster() 方法动态设置视频封面。例如：
通过 JavaScript：使用 JavaScript 的 loop 属性启用循环播放。例如：
HTML5 设置视频封面
为 HTML5 视频设置封面可以改善用户体验并提供预览。有两种方式可以设置视频封面：
通过 poster 属性：在 元素中使用 poster 属性指定视频的封面图像。例如：1
2
3
<video poster="cover.jpg">
<source src="video.mp4" type="video/mp4">
</video>
登录后复制
1
2
const video = document.getElementById(video);
video.setPoster(cover.jpg);
登录后复制
HTML5 视频循环播放
让 HTML5 视频循环播放可以创建连续的播放体验。有两种方式可以实现循环播放：
立即学习“前端免费学习笔记（深入）”；
通过 loop 属性：在 元素中使用 loop 属性启用循环播放。例如：1
2
3
<video loop>
<source src="video.mp4" type="video/mp4">
</video>
登录后复制
1
2
const video = document.getElementById(video);
video.loop = true;
登录后复制
以上就是HTML5如何设置视频封面？ HTML5视频如何循环播放？的详细内容，更多请关注php中文网其它相关文章！