jquery - impress.js：如何在幻灯片#id 和类 .active（或幻灯片输入）上运行功能？

Question

如何在幻灯片输入时播放视频，并使用 impress.js 使其在幻灯片退出时停止？进入幻灯片后，有一个类“.active”。事实上，我可以只使用一个唯一的 ID，我只需要知道如何告诉 impress.js 在幻灯片进入/退出时运行。

我不知道如何编写 jQuery，但这是我的尝试

document.getElementById('video-audio').addEventListener( ($.Event("keydown", { keyCode: 38 })), function () {WhenPlay()});

function WhenPlay() { 
 var classList = document.getElementById('video-audio').className.split(/\s+/);
      for (var i = 0; i < classList.length; i++) {
        if (classList[i] === 'active') {
        //console.log(classList[i]);
                        playVideo();
                     }
                  }
              }

Answer 1

我不知道这是否为你解决了，但你有没有尝试过这样的事情？

$(function() {

    impress().init();
    $('.hidden').css('opacity',0);
    window.addEventListener('impress:stepenter', function() {
      $('.hidden.active').animate({'opacity': 1});
    });
    window.addEventListener('impress:stepleave', function() {
      $('.hidden.past').animate({'opacity': 0});
    });

});

这里的 'impress:stepenter' 是 Impress.js 库冒出的事件。