html中加入视频代码,HTML5视频音频实现

常见的视频格式

视频的组成部分：画面、音频、编码格式

视频编码：H.264、Theora、VP8(google开源)

常见的音频格式

音频编码：ACC、MP3、Vorbis

HTML5支持的视频格式：

Ogg=带有Theora视频编码+Vorbis音频编码的Ogg文件

支持的浏览器:F、C、O

MEPG4=带有H.264视频编码+AAC音频编码的MPEG4文件

支持的浏览器: S、C

WebM=带有VP8视频编码+Vorbis音频编码的WebM格式

支持的浏览器: I、F、C、O

Video属性

Autoplay视频就绪自动播放

controls向用户显示播放控件

Width设置播放器宽度

Height设置播放器高度

Loop播放完是否继续播放该视频，循环播放

Preload是否等加载完再播放

Src视频url地址

Poster加载等待的画面图片

Autobuffer设置为浏览器缓冲方式，不设置autoply才有效

Video  API方法

play()

pause()

load()

全屏:   webkit    element.webkitRequestFullScreen();

Firefox    element.mozRequestFullScreen();

W3C        element.requestFullscreen();

退出全屏：

webkit    document.webkitCancelFullScreen();

Firefox    document.mozCancelFullScreen();

W3C       document.exitFullscreen();

Video  API属性

currentTime  :开始到播放现在所用的时间

duration  :媒体总时间(只读)

volume  :   0.0-1.0的音量相对值

muted  :是否静音false /true

paused  :媒体是否暂停(只读)

ended   :媒体是否播放完毕(只读)

error   :媒体发生错误的时候，返回错误代码(只读)

currentSrc  :以字符串的形式返回媒体地址(只读)

loadstart progress suspend emptied stalled play pause loadedmetadata                                            loadeddata waiting playing canplay canplaythrough seeking seeked

timeupdate ended ratechange durationchange volumechange

HTML5支持的音频格式：

Ogg免费支持的浏览器:C、F、O

MP3收费支持的浏览器: I、C、S

Wav收费支持的浏览器: F、O、S

audio属性

autoplay自动播放

controls向用户显示播放控件

loop循环

preload是否等加载完再播放

src要播放的音频的URL。