javascript - 如何访问 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 来控制播放器。