HTML-video 與 audio

<video id="video" width="500" controls>
     <source src="http://www.w3school.com.cn/example/html5/mov_bbb.mp4" type="video/mp4">
     <source src="http://www.w3school.com.cn/example/html5/mov_bbb.ogg" type="video/ogg">
     Your browser does not support HTML5 video.
</video>
type - 指定的文件解碼類型(MIME)

屬性:
audioTracks 返回可用的音軌列表(MultipleTrackList對象)
autoplay 媒體加載後自動播放
buffered 返回緩衝部件的時間範圍(TimeRanges對象)
controller 返回當前的媒體控制器(MediaController對象)
controls 顯示播控控件
crossOrigin CORS設置
currentSrc 返回當前媒體的URL
currentTime 當前播放的時間,單位秒
defaultMuted 缺省是否靜音
defaultPlaybackRate 播控的缺省倍速
duration 返回媒體的播放總時長,單位秒
ended 返回當前播放是否結束標誌
error 返回當前播放的錯誤狀態
initialTime 返回初始播放的位置
loop 是否循環播放
mediaGroup 當前音視頻所屬媒體組 (用來鏈接多個音視頻標籤)
muted 是否靜音
networkState 返回當前網絡狀態
paused 是否暫停
playbackRate 播放的倍速
played 當前播放部件已經播放的時間範圍(TimeRanges對象)
preload 頁面加載時是否同時加載音視頻
readyState 返回當前的準備狀態
seekable 返回當前可跳轉部件的時間範圍(TimeRanges對象)
seeking 返回用戶是否做了跳轉操作
src 當前音視頻源的URL
startOffsetTime 返回當前的時間偏移(Date對象)
textTracks 返回可用的文本軌跡(TextTrackList對象)
videoTracks 返回可用的視頻軌跡(VideoTrackList對象)
volume 音量值

error - 返回錯誤狀態值
1:用戶操作原因中斷
2:下載出現錯誤,下載被終止
3:解碼錯誤
4:媒體格式不被支持

networkState - 返回網絡狀態值
0:初始狀態
1:已選擇好編碼格式,尚未建立網絡連接
2:媒體數據加載中
3:沒有支持的編碼格式

readyState - 返回媒體當前播放位置的就緒狀態
0:沒有獲取到媒體的任何信息
1:獲取到的媒體數據無效
2:當前播放位置有數據可以播放,但沒有獲取到可以讓播放器前進的數據
3:當前播放位置有數據可以播放,也已經獲得了可以讓播放器前進的數據
4:當前播放位置有數據可以播放,也已經獲得了可以讓播放器前進的數據,而且瀏覽器確認媒體數據以一種速度進行加載

可修改屬性:
currentTime - 當前播放位置
startTime - 起始播放時間
duration - 媒體文件總的播放時間
playbackRate - 媒體當前播放速率
volume - 音量(0-1)
muted - 靜音(true-false)

方法:
addTextTrack() 爲音視頻加入一個新的文本軌跡
canPlayType() 檢查指定的音視頻格式是否得到支持
load() 重新加載音視頻標籤
play() 播放音視頻
pause() 暫停播放當前的音視頻

canPlayType:
空字符串 - 不支持
maybe - 可能支持
probably - 確定支持

事件:
abort 當音視頻加載被異常終止時產生該事件
canplay 當瀏覽器可以開始播放該音視頻時產生該事件
canplaythrough 當瀏覽器可以開始播放該音視頻到結束而無需因緩衝而停止時產生該事件
durationchange 當媒體的總時長改變時產生該事件
emptied 當前播放列表爲空時產生該事件
ended 當前播放列表結束時產生該事件
error 當加載媒體發生錯誤時產生該事件
loadeddata 當加載媒體數據時產生該事件
loadedmetadata 當收到總時長,分辨率和字軌等metadata時產生該事件
loadstart 當開始查找媒體數據時產生該事件
pause 當媒體暫停時產生該事件
play 當媒體播放時產生該事件
playing 當媒體從因緩衝而引起的暫停和停止恢復到播放時產生該事件
progress 當獲取到媒體數據時產生該事件
ratechange 當播放倍數改變時產生該事件
seeked 當用戶完成跳轉時產生該事件
seeking 當用戶正執行跳轉時操作的時候產生該事件
stalled 當試圖獲取媒體數據,但數據還不可用時產生該事件
suspend 當獲取不到數據時產生該事件
timeupdate 當前播放位置發生改變時產生該事件
volumechange 當前音量發生改變時產生該事件
waiting 當視頻因緩衝下一幀而停止時產生該事件

發佈了43 篇原創文章 · 獲贊 1 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章