捕获和处理 videojs 的“bigplaybutton”的“click”事件不起作用

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
});