<video>
属性;
src 视频播放地址
muted 静音
controls 视频播放器的控制条
autoplay 自动播放(google浏览器禁用了)
loop 循环播放
preload: 缓冲视频文件,没有设置autoplay才会有效。 none就是不缓冲; metadata 缓冲视频文件的元数据 ;auto 缓冲整个视频文件。
poster : 视频封面图片。
里面的p标签当视频无法加载时才显示
<video src="https://haokan.baidu.com/v?pd=wisenatural&vid=4281321182956804284"
muted
controls
autoplay
loop
width="300"
preload="metadata"
height="200">
<p>你的浏览器不支持H5视频,请更换最新版浏览器。</p>
</video>
兼容写法:
<source src="test.mp4" type="video/mp4">
<source src="test.ogg" type="video/ogg">
<audio>
属性:
src 视频播放地址
muted 静音
controls 视频播放器的控制条
autoplay 自动播放(google浏览器禁用)
loop 循环播放
preload: 缓冲视频文件,没有设置autoplay才会有效。 none就是不缓冲 ;metadata 缓冲视频文件的元数据 ;auto 缓冲整个视频文件。
<audio
src="https://c.taihe.com/res/assets_file/assets/empty.mp3"
controls
muted
autoplay
loop
preload="metadata" >
</audio>
兼容模式:
<source src="test.mp3" type="audio/mp3">
<source src="test.ogg" type="audio/ogg">