完整的容器视频删除响应代码

时间:2018-08-03 23:30:12

标签: jquery html css api youtube

我在我的网站(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;但这会导致浏览器向左滚动,这是我不想要的。)

0 个答案:

没有答案