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: 当内容播放完毕时,会触发此事件