怎么用H5操作音频视频

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

音频/视频

audio 音频

<audio></audio>

Src=”文件路径”

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

音频文件支持的格式:

Ogg mp3 wav

其他属性：

autoplay

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

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() 暂停

相信看了这些案例你已经掌握了方法，更多精彩请关注其它相关文章！

相关阅读：

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

AJAX的常用语法是什么

CSS父级子级怎么使用

以上就是怎么用H5操作音频视频的详细内容，更多请关注其它相关文章！