1

我正在尝试创建一个选择你自己的冒险互动视频，并且我正在尝试找到一种集成 Popcorn.JS 和 jQuery 的方法。我已经阅读了有关 Popcorn/jQuery 交互的这个线程（这就是我在代码中使用 .on 函数的原因），但它与我所期待的不同。

我想尝试通过 jQuery 动作触发 Popcorn.JS 元素（例如，当用户在某个 div 内单击时，视频将跳到 36 秒并开始播放）以及在视频中的特定时间触发 jQuery 函数（例如，当视频达到 20 秒时，它会触发 jQuery 淡出特定的 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();
    });

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

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

0 回答 0