码迷,mamicode.com
首页 > Web开发 > 详细

HTML5音频视频总结

时间:2017-07-25 19:36:33      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:背景图片   属性   速度   webkit   width   获取   load   wait   idt   

 

音频格式
视频 音频
ogg ogg
mp4 mp3
webm wav

 

video标签属性
属性 值 作用
controls controls HTML5 默认视频样式
autoplay autoplay 自动播放属性
loop loop 循环播放
poster 图片路径 设置视频初始背景图片

 

video的API方法
 play()  开始播放音频、视频
 pause()  暂停播放
 RequestFullScreen()

 全屏模式

mozRequestFullScreen() moz内核

webkitRequestFullScreen() webit内核

 

事件

描述

abort

当音频/视频的加载已放弃时

canplay

当浏览器可以播放音频/视频时

canplaythrough

当浏览器可在不因缓冲而停顿的情况下进行播放时

durationchange

当音频/视频的时长已更改时

emptied

当目前的播放列表为空时

ended

当目前的播放列表已结束时

error

当在音频/视频加载期间发生错误时

loadeddata

当浏览器已加载音频/视频的当前帧时

loadedmetadata

当浏览器已加载音频/视频的元数据时

loadstart

当浏览器开始查找音频/视频时

pause

当音频/视频已暂停时

play

当音频/视频已开始或不再暂停时

playing

当音频/视频在已因缓冲而暂停或停止后已就绪时

progress

当浏览器正在下载音频/视频时

ratechange

当音频/视频的播放速度已更改时

seeked

当用户已移动/跳跃到音频/视频中的新位置时

seeking

当用户开始移动/跳跃到音频/视频中的新位置时

stalled

当浏览器尝试获取媒体数据,但数据不可用时

suspend

当浏览器刻意不获取媒体数据时

timeupdate

当目前的播放位置已更改时

volumechange

当音量已更改时

waiting

当视频由于需要缓冲下一帧而停止

HTML5音频视频总结

标签:背景图片   属性   速度   webkit   width   获取   load   wait   idt   

原文地址:http://www.cnblogs.com/Judges/p/7235683.html

踩
(0)
赞
(0)
   
举报
评论 一句话评论(0)
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!