很多朋友都知道在HTML5里是可以操作音频和视频的,今天就来教大家如何用H5操作音频和视频的步奏。下面是一个小案例,一起来看一下
音频/视频
audio 音频
Src=”文件路径”
controls 属性规定浏览器应该为音频提供播放控件
音频文件支持的格式:
Ogg mp3 wav
其他属性:
如果出现该属性,则音频在就绪后马上播放。
loop
循环播放
如果出现该属性,则每当音频结束时重新开始播放。
资源
视频:
<video src="movie.ogg" controls="controls"> </video> autoplay
如果出现该属性,则音频在就绪后马上播放。
loop
循环播放
如果出现该属性,则每当音频结束时重新开始播放。
Width: 宽
Height:高
一般用js 来操作视频播放的属性:
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() 暂停
相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
相关阅读:
Atas ialah kandungan terperinci 怎么用H5操作音频视频. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!