# audio标签
# 属性
- src : 音频的地址
- controls : 显示控制栏
- autoplay : 自动播放
- loop : 设置循环播放
- preload : (auto/metadata/none) 规定当网页加载时，音频是否默认被加载以及如何被加载。
# 兼容
source: 指定多个音频,如果找到了当前浏览器支持的,那么会直接使用,如果所有的source标签格式都不支持,会显示最后的文本内容
<audio>
<source src="trailer.mp3" type="audio/mpeg">
<source src="trailer.ogg" type="audio/ogg">
<source src="trailer.wav" type="audio/wav">
你的浏览器不支持audio标签
</audio>
1
2
3
4
5
6
2
3
4
5
6
# 浏览器支持
# video标签
# 属性
- controls : 显示控制栏
- autoplay : 自动播放
- loop : 设置循环播放
- width : 宽度
- height : 高度
- poster : 指定视频不播放时显示的封面
- preload : (auto/metadata/none) 在页面加载时预加载视频如果使用autoplay请忽略该属性
- muted : 静音视频
# 兼容
source: 指定多个视频,如果找到了当前浏览器支持的,那么会直接使用,如果所有的source标签格式都不支持,会显示最后的文本内容
<video>
<source src="trailer.mp4" type="video/mp4">
<source src="trailer.ogg" type="video/ogg">
<source src="trailer.WebM" type="video/WebM">
你的浏览器不支持video标签
</video>
1
2
3
4
5
6
2
3
4
5
6