HTML5 多媒体（四）audio、video、自定义播放器功能

一.audio标签

controls打开音乐控制台——autoplay自动播放——loop指定播放次数

二.video标签

1. 支持的视频文件格式有：mp4，ogg，webm
2. 属性与用法与audio一样，拥有controls，autoplay，loop属性
3. video的额外属性：poster，设置视频封面

三.自定义播放器功能——多媒体API（接口，音视频自带的功能）

1. play()/pause()方法：自定义播放、暂停按钮，并实现相应功能

2.currentTime：获取当前播放位置，实现快进等功能

3.muted：设置或返回音频/视频是否为静音

4.volume:设置或返回音频/视频的音量,实现调节音量功能

四.自制进度条

1.随视频播放，进度条变换

2.点击进度条，视频播放到相应位置

!

image.png