最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

怎么用H5操作音频视频

来源:动视网 责编:小采 时间:2020-11-27 20:10:48
文档

怎么用H5操作音频视频

怎么用H5操作音频视频:很多朋友都知道在HTML5里是可以操作音频和视频的,今天就来教大家如何用H5操作音频和视频的步奏。下面是一个小案例,一起来看一下音频/视频audio 音频<audio></audio>Src=文件路径controls 属性规定浏览器应该为音频提供播放控件音频文件
推荐度:
导读怎么用H5操作音频视频:很多朋友都知道在HTML5里是可以操作音频和视频的,今天就来教大家如何用H5操作音频和视频的步奏。下面是一个小案例,一起来看一下音频/视频audio 音频<audio></audio>Src=文件路径controls 属性规定浏览器应该为音频提供播放控件音频文件


很多朋友都知道在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父级子级怎么使用

文档

怎么用H5操作音频视频

怎么用H5操作音频视频:很多朋友都知道在HTML5里是可以操作音频和视频的,今天就来教大家如何用H5操作音频和视频的步奏。下面是一个小案例,一起来看一下音频/视频audio 音频<audio></audio>Src=文件路径controls 属性规定浏览器应该为音频提供播放控件音频文件
推荐度:
标签: 视频 操作 音频
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top