摘要：原文閱讀更好的閱讀元素用于在或者文檔中嵌入視頻內容屬性設置或返回視頻是否應該顯示控件比如播放暫停等設置或返回是否在就緒加載完成后自動播放視頻設置是否去除去除下載按鈕設置是否去除全屏顯示按鈕設置視頻的封面設置是否靜音注意移動

原文閱讀:更好的閱讀

HTML  元素 用于在HTML或者XHTML文檔中嵌入視頻內容

controls

設置或返回視頻是否應該顯示控件（比如播放/暫停等）

autoplay

設置或返回是否在就緒（加載完成）后自動播放視頻

nodownload

設置是否去除去除下載按鈕nodownload

nofullscreen

設置是否去除全屏顯示按鈕

poster

設置視頻的封面

muted

設置是否靜音（注意：移動端非靜音模式下無法自動播放）

loop

設置循環播放

preload

視頻預加載模式

volume

音量控制，區間范圍在0-1

var time = document.getElementById("time");
time.currentTime = 60;// 秒

播放時間控制

播放地址切換

備用地址切換

播放速度

loadstart

?> 當瀏覽器開始尋找指定的音頻/視頻時，會發生 loadstart 事件。即當加載過程開始時

v.addEventListener("loadstart",function(e){
  console.log("loadstart");
})

durationchange

音頻/視頻的時長

v.addEventListener("durationchange",function(e){
  console.log("時長", v.duration);
})

loadedmetadata

當瀏覽器已經加載完成視頻

v.addEventListener("loadedmetadata",function(e){
  console.log("loadedmetadata");
})

loadeddata

當瀏覽器已加載視頻的當前幀時

v.addEventListener("loadeddata",function(e){
  console.log("loadeddata");
})

progress

?> 當瀏覽器正在下載視頻

v.addEventListener("progress",function(e){
  console.log("progress");
})

canplay

判斷是否可以播放

v.addEventListener("canplay",function(){
  console.log("canplay");
})

canplaythrough

判斷是否可以流暢播放

v.addEventListener("canplaythrough",function(){
  console.log("canplaythrough");
})

play

視頻播放

v.addEventListener("play",function(){
  console.log("play");
})

pause

視頻暫停

v.addEventListener("pause",function(){
  console.log("pause");
})

seeking

當用戶開始移動/跳躍到音視頻中的新位置時

v.addEventListener("seeking",function(){
  console.log("seeking");
})

seeked

當用戶已移動/跳躍到視頻中的新位置

v.addEventListener("seeked",function(){
  console.log("seeked");
})

waiting

當視頻由于需要緩沖下一幀而停止，等待

v.addEventListener("waiting",function(){
  console.log("waiting");
})

playing

當視頻在已因緩沖而暫停或停止后已就緒時

v.addEventListener("playing",function(){
  console.log("playing");
})

timeupdate

目前的播放位置已更改時，播放時間更新

v.addEventListener("timeupdate",function(){
  console.log("timeupdate");
})

ended

播放結束

v.addEventListener("ended",function(){
  console.log("ended");
})

error

播放錯誤

v.addEventListener("error",function(e){
  console.log("error", e);
})

volumechange

當音量已更改時

v.addEventListener("volumechange",function(){
  console.log("volumechange");
})

stalled

當瀏覽器嘗試獲取媒體數據，但數據不可用時

v.addEventListener("stalled",function(){
  console.log("stalled");
})

ratechange

當視頻的播放速度已更改時

v.addEventListener("ratechange",function(){
  console.log("ratechange");
})

參考資料：

MDN: video

HTML的媒體支持:audio和video元素

HTML 5 視頻/音頻參考手冊

原文閱讀 ---->