Css 响应式youtube视频

在很多地方，我发现这段代码是为了让一段视频有责任感，但它对我不起作用

<div id='wrapp'>
<iframe id='player' src="//www.youtube.com/embed/VWSL2SykovA?rel=0"></iframe>
</div>

视频，即iframe太高。

---

以下是

如果应用

框大小：边框框工作正常

检查更新的小提琴：
如果应用
框大小：边框框工作正常

查看更新的小提琴：
这对我很有用：

#wrapp {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

例如：
这对我很有效：

#wrapp {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

例如：
你的比例似乎有问题

请尝试使用建议的css设置


这是nhZBV/4的屏幕截图

你的比例似乎有问题

请尝试使用建议的css设置


这是nhZBV/4的屏幕截图

这是你的垫底：75%。。将其替换为50%我有一个要点，说明如何呈现完全响应的youtube iframe，其中考虑了调整浏览器宽度和高度的大小。你可能会发现它很有用：可能是你的垫底重复：75%。。将其替换为50%我有一个要点，说明如何呈现完全响应的youtube iframe，其中考虑了调整浏览器宽度和高度的大小。你可能会发现它很有用：可能是Skurentjes的副本，你的视频播放时间是16:9 tru，你会看到左右两侧的黑条。Skurentjes，你的视频播放时间是16:9 tru，你会看到左右两侧的黑条。Milche，你看到左右两侧的黑条了吗？请试着玩。不，我不明白你的意思。你在截图上看到了吗？米尔奇，你看到左边和右边的黑条了吗？请试着玩。不，我不明白你的意思。你在截图上看到了吗？对我来说很好。你用的是什么浏览器？对我来说很好。你用的是什么浏览器？
#wrapp {
  height: 0;
  margin-bottom: 16px;
  margin-left: 30px;
  overflow: hidden;
  padding-bottom: 67.5%;
  padding-top: 25px;
  position: relative;
}

#player {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}