怎么用H5操作音频视频

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

音频/视频

audio 音频

b97864c2e0ef2353a16c4d64c7734e9281d2bc32cafa2076a27f10cdd878d0ab

Src=”文件路径”

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

音频文件支持的格式:

Ogg  mp3 wav

其他属性：

autoplay

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

loop

循环播放

如果出现该属性，则每当音频结束时重新开始播放。

e02da388656c3265154666b7c71a8ddc055a816595e1cf5e4b7c6fe05c404a6c 资源

视频：

<video src="movie.ogg" controls="controls">
</video>
autoplay

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

loop

循环播放

如果出现该属性，则每当音频结束时重新开始播放。

Width: 宽

Height:高

一般用js 来操作视频播放的属性：

Autoplay：了解：自动都是用标记9fdfcee5c6717a6c49414efd17ca7868

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父级子级怎么使用

Atas ialah kandungan terperinci 怎么用H5操作音频视频. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!