怎么用H5操作音频视频

很多朋友都知道在HTML5里是可以操作音频和视频的，今天就来教大家如何用H5操作音频和视频的步奏。下面是一个小案例，一起来看一下

音频/视频

audio 音频

Src=”文件路径”

controls 属性规定浏览器应该为音频提供播放控件

音频文件支持的格式:

Ogg  mp3 wav

其他属性：

autoplay

如果出现该属性，则音频在就绪后马上播放。

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中文网其它相关文章！

相关阅读：

用Js操作HTTP的Cookie的实现步骤

AJAX的常用语法是什么

CSS父级子级怎么使用

以上是怎么用H5操作音频视频的详细内容。更多信息请关注PHP中文网其他相关文章！