嵌入响应式 YouTube 视频 CSS

Question

我无法访问我的 css，我想嵌入响应式 YouTube 视频 CSS...

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

谢谢

Answer 1

没有什么复杂的，检查这个 fiddle:

.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>

嵌入响应式 YouTube 视频 CSS

Embed Responsive YouTube Video with in line CSS

css

embed

youtube

iframe

编辑