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});
    });

});

这里＆＃39;留下深刻印象：stepenter＆＃39;是Impress.js库冒出的一个事件。

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

1 个答案: