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

Question

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

javascriptjqueryajaxyoutubelightbox

5

我有一个YouTube视频。

我想在视频停止播放时展示一个灯箱效果。我需要使用JavaScript / jQuery或PHP完成此操作。Ajax也可以。

我寻找了解决方案，但没有找到可行的方法。

- Jinal Dabhi

你尝试过什么？你能发布一下代码，说明它没有按预期工作，并扩展“exact”吗？ - Taz

你是否正在使用YouTube API播放酷炫视频？ - Andreas Wong

我不知道他是否这样做了，但我使用了YouTube的嵌入代码。 - DanRedux

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Sudhir Bastakoti · Accepted Answer

如果您可以使用YouTube API，那么像这样的代码就可以实现：

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

你是不是想表达这个意思？

希望能对你有所帮助。