视频播放完成后如何显示灯箱?

时间:2012-04-21 05:56:05

标签: javascript jquery ajax youtube lightbox

我有一个youtube视频。

我想在停止播放时显示一个灯箱。我需要使用javascript / jQuery或PHP来完成。 Ajax也没关系。

我找了一个解决方案,但找不到一个有效的方法。

1 个答案:

答案 0 :(得分:6)

如果您可以使用youtube 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>

你的意思是这样吗。

希望有所帮助