【问题标题】:how to display lightbox after Video Play Finishes?视频播放完成后如何显示灯箱?
【发布时间】:2012-05-02 15:40:51
【问题描述】:

我有一个 youtube 视频。

我想在灯箱停止播放时显示它。我需要使用 javascript/jQuery 或 PHP 来完成此操作。 Ajax 也不错。

我在寻找解决方案,但没有找到可行的解决方案。

【问题讨论】:

  • What have your tried?您能否发布无法按预期工作的代码并扩展“精确”?
  • 你在用youtube api 播放kewl 视频吗?
  • 我不知道他是不是,但是我使用Youtubes嵌入代码嵌入了它。

标签: javascript jquery ajax youtube lightbox


【解决方案1】:

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

你的意思是这样的吗?

希望对你有帮助

【讨论】:

  • 嗨 DanRedux,您愿意分享您的解决方案吗?谢谢
猜你喜欢
  • 1970-01-01
  • 2018-03-21
  • 1970-01-01
  • 2017-09-22
  • 1970-01-01
  • 1970-01-01
  • 2013-12-09
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多