码迷,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
迷上了代码!