使用在线CSS嵌入响应式YouTube视频

Question

我无法访问自己的CSS，并且想要在线CSS中嵌入自适应的YouTube视频...

这可能吗？你能提供div片段吗？

由于

Answer 1

没什么复杂的，请检查这个小提琴：

http://jsfiddle.net/gwfttfze/

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0; 
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

修改

（根据第一条评论） 使用已在css中定义的类

<div class="product__video">
  <div class="video-wrapper">
    <iframe width="560" height="315" src="//www.youtube.com/embed/dfSk1c6SzKw" frameborder="0" allowfullscreen=""></iframe>
  </div>
</div>