HTML 音頻/視頻

當(dāng)我們向頁(yè)面插上這些音頻視頻的標(biāo)簽之后，會(huì)發(fā)現(xiàn)頁(yè)面上沒(méi)有音頻文件，視頻文件也無(wú)法播放，這是什么原因呢？這些因?yàn)槲覀兩倭艘恍┟襟w元素，下面是一些媒體元素的列表

HTML 音頻/視頻 DOM 參考手冊(cè)

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

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

HTML 音頻/視頻 方法

方法	描述
addTextTrack()	向音頻/視頻添加新的文本軌道。
canPlayType()	檢測(cè)瀏覽器是否能播放指定的音頻/視頻類型。
load()	重新加載音頻/視頻元素。
play()	開(kāi)始播放音頻/視頻。
pause()	暫停當(dāng)前播放的音頻/視頻。

HTML 音頻/視頻屬性

屬性	描述
audioTracks	返回表示可用音頻軌道的 AudioTrackList 對(duì)象。
autoplay	設(shè)置或返回是否在加載完成后隨即播放音頻/視頻。
buffered	返回表示音頻/視頻已緩沖部分的 TimeRanges 對(duì)象。
controller	返回表示音頻/視頻當(dāng)前媒體控制器的 MediaController 對(duì)象。
controls	設(shè)置或返回音頻/視頻是否顯示控件（比如播放/暫停等）。
crossOrigin	設(shè)置或返回音頻/視頻的 CORS 設(shè)置。
currentSrc	返回當(dāng)前音頻/視頻的 URL。
currentTime	設(shè)置或返回音頻/視頻中的當(dāng)前播放位置（以秒計(jì)）。
defaultMuted	設(shè)置或返回音頻/視頻默認(rèn)是否靜音。
defaultPlaybackRate	設(shè)置或返回音頻/視頻的默認(rèn)播放速度。
duration	返回當(dāng)前音頻/視頻的長(zhǎng)度（以秒計(jì)）。
ended	返回音頻/視頻的播放是否已結(jié)束。
error	返回表示音頻/視頻錯(cuò)誤狀態(tài)的 MediaError 對(duì)象。
loop	設(shè)置或返回音頻/視頻是否應(yīng)在結(jié)束時(shí)重新播放。
mediaGroup	設(shè)置或返回音頻/視頻所屬的組合（用于連接多個(gè)音頻/視頻元素）。
muted	設(shè)置或返回音頻/視頻是否靜音。
networkState	返回音頻/視頻的當(dāng)前網(wǎng)絡(luò)狀態(tài)。
paused	設(shè)置或返回音頻/視頻是否暫停。
playbackRate	設(shè)置或返回音頻/視頻播放的速度。
played	返回表示音頻/視頻已播放部分的 TimeRanges 對(duì)象。
preload	設(shè)置或返回音頻/視頻是否應(yīng)該在頁(yè)面加載后進(jìn)行加載。
readyState	返回音頻/視頻當(dāng)前的就緒狀態(tài)。
seekable	返回表示音頻/視頻可尋址部分的 TimeRanges 對(duì)象。
seeking	返回用戶是否正在音頻/視頻中進(jìn)行查找。
src	設(shè)置或返回音頻/視頻元素的當(dāng)前來(lái)源。
startDate	返回表示當(dāng)前時(shí)間偏移的 Date 對(duì)象。
textTracks	返回表示可用文本軌道的 TextTrackList 對(duì)象。
videoTracks	返回表示可用視頻軌道的 VideoTrackList 對(duì)象。
volume	設(shè)置或返回音頻/視頻的音量。

HTML 音頻/視頻事件

事件	描述
abort	當(dāng)音頻/視頻的加載已放棄時(shí)觸發(fā)。
canplay	當(dāng)瀏覽器可以開(kāi)始播放音頻/視頻時(shí)觸發(fā)。
canplaythrough	當(dāng)瀏覽器可在不因緩沖而停頓的情況下進(jìn)行播放時(shí)觸發(fā)。
durationchange	當(dāng)音頻/視頻的時(shí)長(zhǎng)已更改時(shí)觸發(fā)。
emptied	當(dāng)目前的播放列表為空時(shí)觸發(fā)。
ended	當(dāng)目前的播放列表已結(jié)束時(shí)觸發(fā)。
error	當(dāng)在音頻/視頻加載期間發(fā)生錯(cuò)誤時(shí)觸發(fā)。
loadeddata	當(dāng)瀏覽器已加載音頻/視頻的當(dāng)前幀時(shí)觸發(fā)。
loadedmetadata	當(dāng)瀏覽器已加載音頻/視頻的元數(shù)據(jù)時(shí)觸發(fā)。
loadstart	當(dāng)瀏覽器開(kāi)始查找音頻/視頻時(shí)觸發(fā)。
pause	當(dāng)音頻/視頻已暫停時(shí)觸發(fā)。
play	當(dāng)音頻/視頻已開(kāi)始或不再暫停時(shí)觸發(fā)。
playing	當(dāng)音頻/視頻在因緩沖而暫?；蛲Ｖ购笠丫途w時(shí)觸發(fā)。
progress	當(dāng)瀏覽器正在下載音頻/視頻時(shí)觸發(fā)。
ratechange	當(dāng)音頻/視頻的播放速度已更改時(shí)觸發(fā)。
seeked	當(dāng)用戶已移動(dòng)/跳躍到音頻/視頻中的新位置時(shí)觸發(fā)。
seeking	當(dāng)用戶開(kāi)始移動(dòng)/跳躍到音頻/視頻中的新位置時(shí)觸發(fā)。
stalled	當(dāng)瀏覽器嘗試獲取媒體數(shù)據(jù)，但數(shù)據(jù)不可用時(shí)觸發(fā)。
suspend	當(dāng)瀏覽器刻意不獲取媒體數(shù)據(jù)時(shí)觸發(fā)。
timeupdate	當(dāng)目前的播放位置已更改時(shí)觸發(fā)。
volumechange	當(dāng)音量已更改時(shí)觸發(fā)。
waiting	當(dāng)視頻由于需要緩沖下一幀而停止時(shí)觸發(fā)。