我在我的网站(apexonlineracing.com/home)上的背景视频中使用了jQuery.YoutubeBackground
但是,如果您调整浏览器,则会删除所有响应代码,并且视频会变大。我尝试设置“ overflow:hidden;”隐藏原始的溢出。我还尝试过删除“最大宽度:100%”;再次无能为力。
HTML:
<div id="video"></div>
jQuery:
<script>
jQuery(function($) {
$('#video').YTPlayer({
fitToBackground: true,
playerVars: {rel: 0},
videoId: '2kZ7BsU2y7U',
pauseOnScroll: false,
playerVars: {
modestbranding: 1,
autoplay: 1,
loop: 1,
controls: 1,
rel: 0,
autohide: 0
}
});
});
CSS:
<style>
#video{
position: relative;
background: transparent;
overflow:hidden;
}
.ytplayer{
position: absolute;
top: 0;
z-index: 0;
}
</style>
任何人都可以准确地弄清是什么原因以及如何防止它发生(我也想掉下overflow:hidden;但这会导致浏览器向左滚动,这是我不想要的。)>