无法获得“如果暂停”在videojs中工作

Question

我正在尝试在视频暂停时在我的视频上显示叠加层。 现在来自我的文档：

var isPaused = myPlayer.paused();
var isPlaying = !myPlayer.paused();

并按如下方式实施：

var isPaused = myPlayer.paused();
if (isPaused == true) {
$("#social_share").fadeIn(1500);
}

var isPlaying = !myPlayer.paused();
if (isPlaying == true) {
$("#social_share").fadeOut(1500); 
}

不幸的是，这不起作用，我找不到原因。 任何想法都非常有用！

（PS：它显示在初始开始时是合乎逻辑的，因为当时玩家暂停了。任何关于如何防止的想法也会受到欢迎。）

谢谢！

Answer 1

您正在寻找活动。具体而言，pause和play事件。

尝试：

myPlayer.on("pause", function () {
    $("#social_share").fadeIn(1500);
});

myPlayer.on("play", function () {
    $("#social_share").fadeOut(1500);
});

参考：

• https://github.com/videojs/video.js/blob/master/docs/api.md#events