Question

我遇到了针对youtube的JavaScript嵌入API的问题。视频播放完毕后，顶部有两个标题栏。在播放或加载时，只有1个可见。我已经创造了一个这样的小提琴，但是在这一点上我无能为力。

$(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嵌入的最基本的例子，即使是在他们自己的文档上。我尝试使用谷歌搜索 - ＆＃39; Youtube JavaScript API嵌入了2个标题栏＆＃39;但这没有任何用处。我唯一注意到的是，如果从代码中取出'rel': 0，它实际上是正常的。我是不是觉得这是个错误？

我可以得到的任何澄清或帮助都很棒，因为这个问题目前在高流量的旅游网站上很明显，我正在尝试为我的客户解决这个问题。

Answer 1

一些实验让我认为这是一个错误 - 好吧，不是作为逻辑错误的编码错误。看来，当'rel'参数设置为不显示相关视频时，播放器会假定它应该在视频末尾添加一个信息栏 - 所以如果你已经有一个信息栏（这是默认值）），你得到双杠。一个可能满足您需求的临时解决方法是在没有信息栏的情况下嵌入视频：

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

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

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

1 个答案: