视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
怎么用H5操作音频视频
2020-11-27 20:10:48 责编:小采
文档


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

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

相关阅读:

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

AJAX的常用语法是什么

CSS父级子级怎么使用

下载本文
显示全文
专题