使用jQuery函数触发Popcorn.JS事件

Question

我正在尝试创建一个选择你自己的冒险互动视频，我正试图找到一种方法来集成Popcorn.JS和jQuery。我已经阅读过关于Popcorn / jQuery交互的this thread（这就是我在代码中使用.on函数的原因），但它与我想要的不同。

我想尝试通过jQuery动作触发Popcorn.JS元素（例如，当用户在特定div中单击时，视频将跳到36秒并开始播放）以及在某些时间触发jQuery函数在视频中（例如，当视频达到20秒时，它会触发jQuery fadeOut特定div）。

对于这个，视频暂停12秒，然后我试图找到一种方式，以便当用户点击#BoxToBeClicked时，视频将持续30秒并从那里开始播放。

    var pop = Popcorn('#demo_video', {
        pauseOnLinkClicked: true
    });

    pop.play();

    pop.cue(12, function(){
        pop.pause();
    });

    $('#BoxToBeClicked').on("click", function(){
        $('#demo_video').currentTime(30).play();
    });

对于这个，我试图找到一种方法让视频达到46秒时淡出淡出

    pop.cue(46, function() {
        $('#Fader').on("fadeOut('slowly')");
    });