Использование функций jQuery для запуска событий Popcorn.JS

Question

Я пытаюсь создать интерактивное видео "Выбери свое приключение" и пытаюсь найти способ интеграции Popcorn.JS и jQuery. Я уже читал эту ветку о взаимодействии Popcorn/jQuery (именно поэтому я использую функцию.on в коде), но это отличалось от того, к чему я стремлюсь.

Я хочу попробовать, чтобы элементы Popcorn.JS запускались действиями jQuery (например, когда пользователь щелкает внутри определенного элемента 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')");
    });