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