很多朋友都知道在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() 暂停


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

相关阅读:

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

AJAX的常用语法是什么

CSS父级子级怎么使用

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

09-15 14:18