【问题标题】：Embed Responsive YouTube Video with in line CSS使用嵌入式 CSS 嵌入响应式 YouTube 视频
【发布时间】：2015-10-25 09:48:15
【问题描述】：

我无法访问我的 CSS，我想嵌入一个带有内嵌 CSS 的响应式 YouTube 视频...

这可能吗？你能提供 div sn-p 吗？

谢谢

【问题讨论】：

标签： css iframe youtube embed

【解决方案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>

【讨论】：

感谢您的回复...我添加了小提琴中的代码，但页面上的视频是全宽的（页面上的第二个视频）goo.gl/R42k8F我希望它与其他视频的大小相同在页面上。
我看到了那个页面的代码，因为你不能编辑css，我建议你使用那些已经定义好的类。例如，看看第一个视频，你会看到这样的结构：
现在看起来不错！如果你想改变颜色，你可以像这样内联编辑它
再次感谢...如何将答案设置为好？我看不到在哪里