怎么用H5操作音频视频

php中世界最好的语言
Lepaskan: 2017-12-02 11:29:27
asal
2469 orang telah melayarinya

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

音频/视频

audio 音频

Src=”文件路径”

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

音频文件支持的格式:

Ogg  mp3 wav

其他属性:

autoplay

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

loop

循环播放

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

 资源

视频:

<video src="movie.ogg" controls="controls">
</video>
autoplay
Salin selepas log masuk

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

loop

循环播放

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

Width: 宽

Height:高

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

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


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

相关阅读:

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

AJAX的常用语法是什么

CSS父级子级怎么使用

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!