Question

拜托，您能给我一个建议，如何将YouTube视频嵌入到浏览器大小？我需要完全填写网站，但我不知道，该怎么做。现在我的视频适合宽度或高度。但我需要两者。你知道吗，怎么做？

我的代码到现在为止： HTML：

<div id="bg" class="bg background-image">
          <div class="embed-container">
                <div id="youtube-player"></div> <!-- this row is replaced by iframe with video. i'm using youtube data api.... -->
          </div>
</div>

CSS：

html{
  height: 100%;
}
body {
  min-height: 100%;
}
.bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -9999;
}
.background-image {
    background: #000;
    background-size: cover;
    min-height: 100%;
    position:absolute;
    bottom:0;
    left:0;
}
.background-overlay {
    background: url('../assets/images/bg_pattern.png') left top;
}

Answer 1

＆＃13;

body{margin:0;padding:0}
#youtube-player{width:100%!important;height:100vh;marign:0 ;padding:0}

＆＃13;

<div id="bg" class="bg background-image">
          <div class="embed-container">
              <iframe id="youtube-player"  src="//www.youtube.com/embed/ibXepDwdzjs" frameborder="0" allowfullscreen></iframe>
               <!-- this row is replaced by iframe with video. i'm using youtube data api.... -->
          </div>
</div>

＆＃13;

我认为你只能用css

制作这样的东西

Youtube嵌入视频适合浏览器大小

1 个答案: