css - 使用嵌入式 CSS 嵌入响应式 YouTube 视频

Question

我无权访问我的 css，并想嵌入带有内联 CSS 的响应式 YouTube 视频...

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

谢谢

Answer 1

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

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>