很多朋友都知道在HTML5里是可以操作音频和视频的,今天就来教大家如何用H5操作音频和视频的步奏。下面是一个小案例,一起来看一下
音频/视频
audio 音频
<audio></audio>
Src=”文件路径”
controls 属性规定浏览器应该为音频提供播放控件
音频文件支持的格式:
Ogg mp3 wav
其他属性:
如果出现该属性,则音频在就绪后马上播放。
loop
循环播放
如果出现该属性,则每当音频结束时重新开始播放。
<source></source> 资源
视频:
<video src="movie.ogg" controls="controls"> </video> autoplay
登录后复制
如果出现该属性,则音频在就绪后马上播放。
loop
循环播放
如果出现该属性,则每当音频结束时重新开始播放。
Width: 宽
Height:高
一般用js 来操作视频播放的属性:
Autoplay:了解:自动都是用标记<auto autoplay>
Js控制音频/视频播放状态:
currentTime 获取或设置 视频的当前时间
duration 返回当前视频或音频的总时间 秒
ended 凡是视频 音频是否结束
error 对象:返回mediaerror对象,用code 属性来标识错误信息
video.error.code
1.用户终止 media_drr_aborted
2.网络错误 media_drr_network
3.解码错误 media_drrdecode
4.URL无效 media_drr_src_not_supported
Muted 是否静音 静音true 不静音false
Play() 播放
Pause() 暂停
相信看了这些案例你已经掌握了方法,更多精彩请关注Work网其它相关文章!
相关阅读:
以上就是怎么用H5操作音频视频的详细内容,更多请关注Work网其它相关文章!