html5 视频设置和播放控制设置视频封面：通过 poster 属性或 javascript setposter() 方法指定封面图像。实现视频循环播放：通过 loop 属性或 javascript loop 属性启用循环播放。
HTML5 设置视频封面
为 HTML5 视频设置封面可以改善用户体验并提供预览。有两种方式可以设置视频封面：
-
通过 poster 属性：在
<video></video>元素中使用poster属性指定视频的封面图像。例如：
<code class="html"><video poster="cover.jpg"> <source src="video.mp4" type="video/mp4"> </video></code>
-
通过 JavaScript：使用 JavaScript 的
setPoster()方法动态设置视频封面。例如：
<code class="javascript">const video = document.getElementById('video');
video.setPoster('cover.jpg');</code>HTML5 视频循环播放
MuiPlayer视频播放器插件
下载
MuiPlayer视频播放器插件是一款HTML5 视频播放插件，其默认配置了精美可操作的的播放控件，涉及了常用的播放场景，例如全屏播放、播放快进、循环播放、音量调节、视频解码等功能。
让 HTML5 视频循环播放可以创建连续的播放体验。有两种方式可以实现循环播放：
立即学习“前端免费学习笔记（深入）”；
-
通过 loop 属性：在
<video></video>元素中使用loop属性启用循环播放。例如：
<code class="html"><video loop> <source src="video.mp4" type="video/mp4"> </video></code>
-
通过 JavaScript：使用 JavaScript 的
loop属性启用循环播放。例如：
<code class="javascript">const video = document.getElementById('video');
video.loop = true;</code> 
