Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我的视频没有';youtubebackground api不会出现_Javascript_Jquery_Html_Youtube_Youtube Api - Fatal编程技术网

Javascript 我的视频没有';youtubebackground api不会出现

Javascript 我的视频没有';youtubebackground api不会出现,javascript,jquery,html,youtube,youtube-api,Javascript,Jquery,Html,Youtube,Youtube Api,我有一个问题,一个问题在一周后仍然存在,无法发现为什么我的视频没有使用youtubebackground api显示, 基本上我使用的是引导,我为我的视频定义了一个容器 像这样: <section class="content_section"> <div class="embed-responsive embed-responsive-16by9" id="video"> </div> </section> $(documen

我有一个问题,一个问题在一周后仍然存在,无法发现为什么我的视频没有使用youtubebackground api显示, 基本上我使用的是引导,我为我的视频定义了一个容器 像这样:

<section class="content_section">
    <div class="embed-responsive embed-responsive-16by9" id="video">

    </div>
</section>
$(document).ready(function() {
  $('#video').YTPlayer({
    fitToBackground: true,
    videoId: 'mcFYvy0L2vI',
    playerVars: {
      modestbranding: 0,
      autoplay: 1,
      controls: 1,
      showinfo: 0,
      branding: 0,
      rel: 0,
      autohide: 0,
      start: 10
    }
  });
})
最后,我改变了我的css,就像医生说的那样:

#video {
  position: relative;
  background: transparent;
}

.ytplayer-container {
  position: absolute;
  top: 0;
  z-index: -1;
}

我不知道为什么它没有出现,我只能看到div的白色内容,里面什么都没有,我需要在服务器上运行我的应用程序才能让它正常工作吗?

您是否包括正确的库并按正确的顺序排列注意在包括jquery youtube背景脚本之前应该包括jquery请参见我的HTML)。我能够让它在堆栈溢出代码段中工作(见下文)

编辑另一个差异是,您在Jquery Youtube背景文档中包含了Jquery1.11.3。也许这是造成差异的原因

$(文档).ready(函数(){
$(“#视频”).YTPlayer({
fitToBackground:没错,
videoId:'mcFYvy0L2vI',
playerVars:{
平均值:0,
自动播放:1,
控制:1,
showinfo:0,
品牌:0,
rel:0,
自动隐藏:0,
开始:10
}
});
})
#视频{
位置:相对位置;
背景:透明;
}
.ytplayer容器{
位置:绝对位置;
排名:0;
z指数:-1;
}

您是否按照正确的顺序包含正确的库注意
包括jquery youtube背景脚本之前应该包括jquery请参见我的HTML)。我能够让它在堆栈溢出代码段中工作(见下文)

编辑另一个差异是,您在Jquery Youtube背景文档中包含了Jquery1.11.3。也许这是造成差异的原因

$(文档).ready(函数(){
$(“#视频”).YTPlayer({
fitToBackground:没错,
videoId:'mcFYvy0L2vI',
playerVars:{
平均值:0,
自动播放:1,
控制:1,
showinfo:0,
品牌:0,
rel:0,
自动隐藏:0,
开始:10
}
});
})
#视频{
位置:相对位置;
背景:透明;
}
.ytplayer容器{
位置:绝对位置;
排名:0;
z指数:-1;
}


首先,你没有一个类为“ytplayer container”的元素。我试着用这个提琴:但没用:她没有使用ytplayer。container:SWell,首先,你没有一个类为“ytplayer container”的元素我试着用这个提琴:但不起作用:她不使用ytplayer.container:我拥有你拥有的一切,这就是为什么我不明白为什么它没有出现:/n那么你必须展示一个更完整的代码示例。你确定你按正确的顺序包含了这些库吗?特别是jquery之前的jquery youtube背景?是的,只是一个问题,这在没有服务器端的情况下工作吗?对吧?对。正如在我包含的JSFIDLE和您提到的JSFIDLE中一样。参见上文我包含了我的脚本参考,我在控制台上没有收到任何错误,这就是为什么我对这一点很困惑的原因。我拥有与您类似的一切,这就是为什么我不明白为什么它没有显示:/n那么您必须显示一个更完整的代码示例。你确定你按正确的顺序包含了这些库吗?特别是jquery之前的jquery youtube背景?是的,只是一个问题,这在没有服务器端的情况下工作吗?对吧?对。正如在我包含的JSFIDLE和您提到的JSFIDLE中一样。参见上面我包含的脚本参考,我在控制台中没有得到任何错误,这就是为什么我对这一点非常困惑的原因
#video {
  position: relative;
  background: transparent;
}

.ytplayer-container {
  position: absolute;
  top: 0;
  z-index: -1;
}