HTML5視頻音頻實現步驟

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。

相信看了這些案例你已經掌握了方法，更多精彩請關注Gxl網其它相關文章！

相關閱讀：

Js獲取獲取樣式的常見方式

Js操作DOM對象的流程

Js操作window窗口對象的實現步驟

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com