Javascript 我的视频没有';youtubebackground api不会出现
我有一个问题,一个问题在一周后仍然存在,无法发现为什么我的视频没有使用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
<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;
}