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

问题描述 投票:0回答:5

如何在视频开始播放时向 videojs 添加事件监听器? (这个事件应该在比赛开始时调用)?

我搜索了播放器事件文档,但我找不到任何告诉我“现在视频开始播放”的事件。

javascript video.js
5个回答
20
投票

你可以用这种 videojs 方式。

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


1
投票

我建议检查文档中的

<video>
元素

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

播放 - 播放已开始。

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

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

注意

document.querySelector('.video')
只是一个填充符,请选择您想要的元素

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


0
投票

在文档中您有 timeupdate 事件,您可以在它启动时将标志设置为 true。


0
投票

这只是 HTML5 播放器的“皮肤”,您可以通过

.player()
函数访问原始 HTML5 元素,然后使用 那些:

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

玩家()

返回组件的播放器


0
投票

简单使用videoJS:

            var player = videojs('element_id', videojsOptions);

            player.on("play", function(){
                // whatever
            });
© www.soinside.com 2019 - 2024. All rights reserved.