javascript - 捕获和处理videojs的 'click'的 'bigplaybutton'事件不起作用

Question

我正在使用来自 https://vjs.zencdn.net/5.16.0/video.min.js 的 videojs在我的页面中嵌入视频。单击“bigplaybutton”时，我有一个要执行的操作。

我尝试通过类名 vjs-big-play-button 获取元素(我还没有明确创建按钮...只是使用来自 videojs 的按钮)并向其添加事件监听器。

document.getElementsByClassName("vjs-big-play-button").addEventListener('click', somefunction);

(或)

document.getElementsByClassName("vjs-big-play-button").onclick = function(){
    console.log("play");
};

它们都不起作用。我不确定我的方法是否正确。请提出解决方案来实现这一目标。

Answer 1

所以我做了进一步的研究并找到了一个可行的解决方案。但仍然不确定为什么按类名获取元素不起作用。所以这是对我有用的解决方案。

var player = videojs("videoElementId");
player.bigPlayButton.on('click', function(){
    // do the action
});