javascript - Youtube Javascript API Embed 在视频结束后有 2 个标题栏

Question

我在使用 YouTube 的 JavaScript 嵌入 API 时遇到问题。视频播放完毕后，顶部有两个标题栏。播放或加载时，只有 1 个可见。我已经创建了一个 fiddle ，但在这一点上对可能影响它的因素一无所知。

这是准系统示例 - http://jsfiddle.net/BuM46/ :

$(document).ready(function() {
    $('.startVideo').click(function() {
        showVideoLightbox('twx2nkNZXQ0');
    });
})  

var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag,firstScriptTag);

function showVideoLightbox(id)
{
    var player = new YT.Player('ytplayer', 
    {
        height: '375', width: '667',
        videoId: id,
        playerVars: { 'autoplay': 0, 'rel': 0 }
    });
}

我什至不知道从哪里开始，因为这基本上是 YouTube 嵌入的最基本示例，即使在他们自己的文档中也是如此。我试过谷歌搜索——“Youtube JavaScript API 嵌入 2 个标题栏”，但这没有任何用处。我唯一注意到的是，如果您从代码中取出 'rel': 0，它实际上可以正常工作。我认为这是一个 bug 是不是疯了？

如果我能就此得到任何澄清或帮助，那将是非常棒的，因为这个问题目前在一个高流量的国家旅游网站上很明显，我正在努力为我的客户解决它。

Answer 1

一些实验让我假设这是一个错误——好吧，与其说是一个编码错误，不如说是一个逻辑错误。看起来，当“rel”参数设置为不显示相关视频时，播放器假定它应该在视频末尾添加一个信息栏——所以如果你已经有一个信息栏(这是默认的), 你得到双杠。一种可能满足您需求的临时解决方法是嵌入没有信息栏的视频:

playerVars: { 'autoplay': 0, 'rel': 0, 'showinfo': 0 }

这样，当信息栏添加到末尾时，它不会加倍。显然它并不完全理想，因为您可能希望在播放视频时显示信息栏，但它可能是目前最好的。您可能还想报告该问题以确认它实际上是一个错误。