2021年你还不知道的 移动端h5标签

Posted 2021-06-21 ZZZ --- jh

移动端h5标签

audio音频

<audio src='音频文件地址' controls='controls' > </audio>

常用属性:

属性	值	描述
autoplay	autoplay	如果出现该属性,则音频在就绪后马上播放(自动播放)
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮.
loop	loop	如果出现该属性，则每当音频结束时重新开始播放.(循环播放)
muted	muted	规定视频输出应该被静音(静音播放).
preload	preload	如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性.
src	url	要播放的音频的 URL.

案例:

<audio src='音频文件地址'   controls='controls' >
	<source src='.wav' type='audio/mpeg'>
	<source src='.ogg' type='audio/oog'>
	<source src='.mp3' type='audio/mpeg'>
	您的浏览器不支持音频请升级
 </audio>

video视频

常用属性:

属性	值	描述
autoplay	autoplay	如果出现该属性,则音频在就绪后马上播放(自动播放)
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮.
width	pixels(像素)	设置视频播放器的宽度.
height	pixels	设置视频播放器的高度.
loop	loop	如果出现该属性，则每当音频结束时重新开始播放.(循环播放)
muted	muted	规定视频输出应该被静音(静音播放).
preload	preload	如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性.
src	url	要播放的音频的 URL.
poster	URL	规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像.

案例:

<video src="movie.ogg" controls="controls">
您的浏览器不支持 video 标签。
</video>

注意: 视频格式 MP4，webm， mpeg4