2

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

1 に答える 1

2

これで解決したかどうかわかりませんが、このようなことは試しましたか?

$(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 ライブラリによってバブルアウトされたイベントです。

于 2013-02-24T11:00:46.753 に答える