JavaScript学习笔记——音频与视频

audio 音频标签

基本的播放器：

    <audio src="./YOASOBI - ハルジオン (春紫菀).mp3" controls="controls">
        当前浏览器不支持audio
    </audio>

属性

• src： 音频资源地址
• controls： 是否显示控制器
• autoplay： 自动播放，以前版本的浏览器允许自动播放的，后来不允许
• muted： 静音
• volume： 音量（范围0~1）
• currentTime： 可以控制和获取当前时间节点（按秒计算）

方法

• play()： 播放
• pause()： 暂停

事件

• onpause： 暂停事件
• onplay： 播放事件
• onplaying： 正在播放事件
• onvolumechange： 音量改变事件

video 视频标签

标签

• video： html原生视频标签
• source： 用于设置多个视频源标签，为了支持不同格式的浏览器都可以播放视频，那么就会采用此方式
• object： 一般用于flash视频的操作
• param： flash参数的设置

属性

• src： 设置视频源的资源地址
• controls： 控制器
• muted： 静音
• poster： 设置海报图
• autoplayer： autoplayer不可用
• currentTime： 当前时间
• loop： 循环
• volume： 音量

方法

• play()： 播放
• pause()： 暂停

事件

• onpause： 暂停事件
• onplay： 播放事件
• onplaying： 正在播放事件
• onvolumechange： 音量改变
• onended： 当内容播放完毕时，会触发此事件