Skip to content

八、新增多媒体标签

1. 视频标签

<video> 标签用来定义视频,它是双标签。

属性描述
src URL地址视频地址
width像素值设置视频播放器的宽度
height像素值设置视频播放器的高度
controls-向用户显示视频控件(比如播放/暂停按钮)
muted -视频静音
autoplay -视频自动播放
loop-循环播放
posterURL地址视频封面
preloadauto / metadata / none视频预加载,如果使用 autoplay ,则忽略该属性。
none : 不预加载视频
metadata : 仅预先获取视频的元数据(例如长度)。
auto : 可以下载整个视频文件,即使用户不希望使用它。

2. 音频标签

<audio> 标签用来定义音频,它是双标签。

属性描述
src URL地址音频地址
controls-向用户显示音频控件(比如播放/暂停按钮)
autoplay -音频自动播放
muted -音频静音
loop-循环播放
preloadauto / metadata / none音频预加载,如果使用 autoplay ,则忽略该属性。
none : 不预加载音频
metadata : 仅预先获取音频的元数据(例如长度)。
auto : 可以下载整个音频文件,即使用户不希望使用它。