ビデオプレイ終了後にライトボックスを表示する方法は？

Question

私はyoutubeビデオを持っています。

再生が停止するとライトボックスを表示したいと考えています。私はこれをjavascript/jQueryまたはPHPを使って行う必要があります。 Ajaxも大丈夫です。

私は解決策を探しましたが、うまくいきませんでした。

Answer 1

あなたがユーチューブAPIを使用することができた場合は、このようなものが動作するはずです：

<script type="text/javascript"> 
$(document).ready(function() { 
var player; 
    function onYouTubePlayerAPIReady() { 
     player = new YT.Player('player', { 
      height: '390', 
      width: '640', 
      videoId: 'YmHAAqOsBqA', 
      events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
      } 
     }); 
    } 
    function onPlayerReady(event) { 
     event.target.playVideo(); 
    } 
    function onPlayerStateChange(event) {   
     if(event.data === 0) {   
      //completed playing 
      //open lightbox 
      $('#yourElementId a').lightBox(); 
     } 
    } 
}); 
</script> 

あなたはこのような何かを意味しました。

希望します。