无法让“如果暂停”在 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