如何訪問DOM中的HTML視頻標籤控件

Question

我在我的標記中有一個視頻標籤，並且包含了控件屬性。我想知道是否有我想隔離DOM中的播放按鈕以設置它的樣式還是向它添加單擊事件？

Answer 1

您可以在表演事件添加事件偵聽器，如下記載：https://developer.mozilla.org/en/docs/Web/Guide/Events/Media_events

var video = document.getElementById("video"); 
 
video.addEventListener('play', playing); 
 

 
function playing(e) { 
 
    console.log('Playing'); 
 
}

video { 
 
    width:192px; 
 
    height:108px; 
 
}

<video id="video" controls>

但是沒有辦法樣式默認控件。您必須自己創建，然後使用媒體事件和JavaScript來控制播放器。