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

Question

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

我在 Player Events docs 上搜索过，但找不到任何事件告诉我 "now the video is start play"。

Answer 1

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

Answer 2

这只是 "skin" 给 HTML5 播放器，您可以通过 .player() 函数访问原始 HTML5 元素，然后使用 those:

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

player()

Return the component's player

Answer 3

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

play - Playback has begun.

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

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

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

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

Answer 4

你可以用这个 videojs 的方式。

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

How to add event listener to videojs when start to play a video?