开始播放视频时如何向videojs添加事件监听器？答案

【问题标题】：How to add event listener to videojs when start to play a video?开始播放视频时如何向videojs添加事件监听器？
【发布时间】：2019-12-05 13:37:56
【问题描述】：

如何在视频开始播放时向 videojs 添加事件监听器？（这个事件应该在剧集开始时调用）？

我在Player Events docs 上进行了搜索，但找不到任何告诉我“现在视频开始播放”的事件。

【问题讨论】：

【解决方案1】：

你可以用这个 videojs 方式。

play.on('play', () => { });

【讨论】：

【解决方案2】：

在你有 timeupdate 事件的文档上，你可以在它开始时将标志设置为 true。

【讨论】：

【解决方案3】：

这只是HTML5播放器的“皮肤”，你可以通过.player()函数访问原始的HTML5元素，然后使用those：

var vid = myplayer.player();
vid.onplay = function() {
    alert("The video has started to play");
};

播放器（）

返回组件的播放器

【讨论】：

【解决方案4】：

我建议检查the docs for the <video> element。

您将看到许多事件被发出。最重要的是，

播放 - 播放已开始。

我们可以给元素添加一个事件监听器来监听这个事件：

document.querySelector('.video').addEventListener('play',  evt => { 
   // code you want to happen when the video plays
});

注意：document.querySelector('.video')只是一个填充物，选择你想要的元素

我建议通过@FlashThunder 的解决方案这样做，因为您可以添加多个侦听器以及其他原因。

【讨论】：