HTML5 视频设置和播放控制设置视频封面:通过 poster 属性或 JavaScript setPoster() 方法指定封面图像。实现视频循环播放:通过 loop 属性或 JavaScript loop 属性启用循环播放。

HTML5 设置视频封面
为 HTML5 视频设置封面可以改善用户体验并提供预览。有两种方式可以设置视频封面:
-
通过 poster 属性:在
元素中使用poster属性指定视频的封面图像。例如:
-
通过 JavaScript:使用 JavaScript 的
setPoster()方法动态设置视频封面。例如:
const video = document.getElementById('video');
video.setPoster('cover.jpg');HTML5 视频循环播放
让 HTML5 视频循环播放可以创建连续的播放体验。有两种方式可以实现循环播放:
立即学习“前端免费学习笔记(深入)”;
-
通过 loop 属性:在
元素中使用loop属性启用循环播放。例如:
-
通过 JavaScript:使用 JavaScript 的
loop属性启用循环播放。例如:
const video = document.getElementById('video');
video.loop = true;











