HTML–video中的自动播放autoplay以及循环播放loop+更多多媒体标签

本文介绍: 问题：视频设置自动播放，页面加载完成时正常播放，但刷新页面后不播放，循环播放失效。自动播放以及循环播放的代码<video mute d auto play=”auto play” loop=”loop“&g t; <source src=”image/01.mp4″ type=”video/mp4″&g t;</source></v ide o><!–mute d：静音播放注：高版本浏览器对视频静音后可以保证视频自动播放–><!–auto play：

问题：视频设置自动播放，页面加载完成时正常播放，但刷新页面后不播放，循环播放失效。

自动播放以及循环播放的代码

<video muted autoplay="autoplay" loop="loop"&gt;
	<source src="image/01.mp4" type="video/mp4"&gt;</source&gt;
</video&gt;
<!--muted：静音播放  注：高版本浏览器对视频静音后可以保证视频自动播放--&gt;
<!--autoplay：自动播放-->
<!--loop：循环播放-->

sourc e

为媒介元素(如 vi deo 和 audio)定义媒介资源
允许规定可替换的视频/音频文件供浏览器根据它对媒体类型或编解码器的支持进行选择(可实现让媒体元素在不同浏览器下都支持播放)
是HTML5中的新标签

muted

属性是一个 boolean(布尔)属性
设置或返回音频/视频是否应该被静音(关闭声音)

vi deo

用来定义视频，比如电影片段或者其他视频流
HTML5中的新标签
可以在开始标签和结束标签之间放置文本内容，这样老版本浏览器可以显示出信息
属性

属性	值	描述
auto play	auto play	如果出现该属性，则视频在就绪后马上播放
control s	control s	如果出现该属性，则向用户显示控件，比如播放按钮
height	pi x e ls	如果设置视频播放器的高度
loop	loop	如果出现该属性，则当媒介文件完成播放后再次开始播放
muted	muted	规定视频的音频输出应该被静音
post e r	url	规定视频下载时显示的图像，或者用户点击播放按钮前显示的图像
preload	preload	如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 auto play则忽略该属性
src	url	要播放的视频的url
width	pi xels	设置视频播放器的宽度