HTML 5 視訊/音訊參考手冊

HTML5 視訊和音訊的 DOM 參考手冊

HTML5 DOM 為 <audio> 和 <video> 元素提供了方法、屬性和事件。

這些方法、屬性和事件允許您使用 JavaScript 來操作 <audio> 和 <video> 元素。

HTML5 Audio/Video 方法

方法 描述
addTextTrack() 向音訊/視訊新增新的文字軌道
canPlayType() 檢測瀏覽器是否能播放指定的音訊/視訊型別
load() 重新載入音訊/視訊元素
play() 開始播放音訊/視訊
pause() 暫停當前播放的音訊/視訊

HTML5 Audio/Video 屬性

屬性 描述
audioTracks 返回表示可用音軌的 AudioTrackList 對像
autoplay 設定或返回是否在載入完成後隨即播放音訊/視訊
buffered 返回表示音訊/視訊已緩衝部分的 TimeRanges 對像
controller 返回表示音訊/視訊目前媒體控制器的 MediaController 對像
controls 設定或返回音訊/視訊是否顯示控制元件(比如播放/暫停等)
crossOrigin 設定或返回音訊/視訊的 CORS 設定
currentSrc 返回目前音訊/視訊的 URL
currentTime 設定或返回音訊/視訊中的當前播放位置(以秒計)
defaultMuted 設定或返回音訊/視訊預設是否靜音
defaultPlaybackRate 設定或返回音訊/視訊的預設播放速度
duration 返回目前音訊/視訊的長度(以秒計)
ended 返回音訊/視訊的播放是否已結束
error 返回表示音訊/視訊錯誤狀態的 MediaError 對像
loop 設定或返回音訊/視訊是否應在結束時重新播放
mediaGroup 設定或返回音訊/視訊所屬的組合(用於連線多個音訊/視訊元素)
muted 設定或返回音訊/視訊是否靜音
networkState 返回音訊/視訊的當前網路狀態
paused 設定或返回音訊/視訊是否暫停
playbackRate 設定或返回音訊/視訊播放的速度
played 返回表示音訊/視訊已播放部分的 TimeRanges 對像
preload 設定或返回音訊/視訊是否應該在頁面載入後進行載入
readyState 返回音訊/視訊目前的就緒狀態
seekable 返回表示音訊/視訊可定址部分的 TimeRanges 對像
seeking 返回會員是否正在音訊/視訊中進行查詢
src 設定或返回音訊/視訊元素的當前來源
startDate 返回表示目前時間偏移的 Date 對像
textTracks 返回表示可用文字軌道的 TextTrackList 對像
videoTracks 返回表示可用視訊軌道的 VideoTrackList 對像
volume 設定或返回音訊/視訊的音量

HTML5 Audio/Video 事件

事件 描述
abort 當音訊/視訊的載入已放棄時
canplay 當瀏覽器可以播放音訊/視訊時
canplaythrough 當瀏覽器可在不因緩衝而停頓的情況下進行播放時
durationchange 當音訊/視訊的時長已更改時
emptied 當目前的播放列表為空時
ended 當目前的播放列表已結束時
error 當在音訊/視訊載入期間發生錯誤時
loadeddata 當瀏覽器已載入音訊/視訊的當前幀時
loadedmetadata 當瀏覽器已載入音訊/視訊的後設資料時
loadstart 當瀏覽器開始查詢音訊/視訊時
pause 當音訊/視訊已暫停時
play 當音訊/視訊已開始或不再暫停時
playing 當音訊/視訊在已因緩衝而暫停或停止后已就緒時
progress 當瀏覽器正在下載音訊/視訊時
ratechange 當音訊/視訊的播放速度已更改時
seeked 當用戶已移動/跳躍到音訊/視訊中的新位置時
seeking 當用戶開始移動/跳躍到音訊/視訊中的新位置時
stalled 當瀏覽器嘗試獲取媒體資料,但資料不可用時
suspend 當瀏覽器刻意不獲取媒體資料時
timeupdate 當目前的播放位置已更改時
volumechange 當音量已更改時
waiting 當視訊由於需要緩衝下一幀而停止