YouTube和Fancybox 2

Question

我可以在我的网站上嵌入和查看我的YouTube视频。问题是:当我的视频结束时，会出现一个YouTube屏幕，上面有许多其他人的视频可供选择。我希望Fancybox弹出窗口在我的视频结束时关闭，这样就不会发生这种情况。我找到了一些建议，可以在YouTube视频结束时关闭Fancybox弹出窗口，但没有一个有效。我想知道这是不是因为它们是为Fancybox-1编写的，而我正在使用Fancybox-2。我插入了下面的代码，但它不会触发。

    <script>
    function onPlayerStateChange(event){
        if (event.data===0){
            $.fancybox.close();
        }
    }
</script>

Answer 1

我通过在网址末尾添加?rel=0来隐藏所有相关视频(更多关于rel参数here的信息)

您可以将?rel=0添加到每个视频URL(手动)，或者让fancybox beforeLoad函数在其打开之前添加它：(示例还将自动播放设置为1)

beforeLoad: function () {
    var url = $(this.element).attr("href");
    url += '?autoplay=1&rel=0';
    this.href = url;
}

(请注意，此代码会将其添加到所有视频中，如果?已经在URL中，则不会起作用，因此您可能需要调整代码以适应您的页面)