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