音频
<audio src="文件路径" controls="controls"></audio >
视频
<video src="文件路径" width="100%" height="100%" preload="auto" controls="controls" autoplay="autoplay" loop="loop" >
</video>
video定义和用法
<video> 标签定义视频，比如电影片段或其他视频流。
preload属性值
| 值 | 描述 |
|---|---|
| auto | 指示一旦页面加载，则开始加载音频/视频。 |
| metadata | 指示当页面加载后仅加载音频/视频的元数据。 |
| none | 指示页面加载后不应加载音频/视频。 |
preload定义和用法
preload 属性规定是否在页面加载后载入视频。
如果设置了 autoplay 属性，则忽略该属性。
注意： 如果使用 autoplay 属性 preload 将被忽略。
controls定义和用法
controls 属性规定浏览器应该为视频提供播放控件。
如果设置了该属性，则规定不存在作者设置的脚本控件。
浏览器控件应该包括：
- 播放
- 暂停
- 定位
- 音量
- 全屏切换
- 字幕（如果可用）
- 音轨（如果可用）
autoplay定义和用法
autoplay 属性规定一旦视频就绪马上开始播放。
如果设置了该属性，视频将自动播放。
loop定义和用法
loop 属性规定当视频结束后将重新开始播放。
如果设置该属性，则视频将循环播放。
HTML5属性
| 属性 | 值 | 描述 |
|---|---|---|
| autoplay | autoplay | 如果出现该属性，则视频在就绪后马上播放。 |
| controls | controls | 如果出现该属性，则向用户显示控件，比如播放按钮。 |
| height | pixels | 设置视频播放器的高度。 |
| loop | loop | 如果出现该属性，则当媒介文件完成播放后再次开始播放。 |
| muted | muted | 规定视频的音频输出应该被静音。 |
| poster | URL | 规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。 |
| preload | preload | 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。 |
| src | url | 要播放的视频的 URL。 |
| width | pixels | 设置视频播放器的宽度。 |
请博主喝杯咖啡呢，谢谢^_^
如果本文“对您或有帮助”，欢迎随意打赏，以资鼓励继续创作！
原创文章《HTML5-video标签视频自动循环播放》，作者：笔者 徐哲
，未经允许不得转载。
转载或复制时，请注明出处：https://www.xuxiaokun.com/1800.html，本文由 Mr.xu 博客网 整理。
本站资源下载仅供个人学习交流，请于下载后24小时内删除，不允许用于商业用途，否则法律问题自行承担。
微信扫一扫赞赏 
支付宝扫一扫赞赏 
