Html youtube视频未正确调整大小

嗨，我有一个youtube视频背景。我需要它的反应。当我减小屏幕宽度时，它变薄了，所以这很好，但是高度没有正确改变-看起来有点像它缩小得太快了。。。。你可以在这里看到

请问怎么了

<?php if(is_page('homepage')){ ?>
<div id="video_background_video_0" style="z-index: 0; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden;">
            <iframe id="video_background_video_0_yt" style="position: absolute; top: -179px; left: 0px;" frameborder="0" allowfullscreen="1" title="YouTube video player" width="1349" height="759" src="https://www.youtube.com/embed/1CXFhQ33_xs?loop=0&amp;start=0&amp;autoplay=1&amp;controls=1&amp;showinfo=0&amp;wmode=transparent&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;enablejsapi=1&amp;origin=http%3A%2F%2Fwww.onscreencounselling.com"></iframe></div>

        <?php } ?>    

---

您是否直接将其添加到编辑器中？这是一个css补丁

 .page iframe {
  width: 560px !important;
  height: 315px !important;
  }

---

从

iframe

中删除内联样式将起作用：

从

iframe

中删除内联

top

值

---

从两者中删除内联样式并添加

overflow-hidden;

---

到div，它就会工作

嘿@maxelcat试着让高度为100%而不是0；在#视频(背景)视频(0)中。它会解决你的问题。

overflow-hidden;