我正在尝试制作一个网页(主页)，当用户向下滚动时具有整页视频。标题是全屏幻灯片，但是一旦向下滚动，就会出现全屏视频。我已经尝试过 iframe 的 CSS，我想出如何更改高度的唯一方法是使用 height: 800px; 但问题是我需要它能够可以在电脑和智能手机上查看，当我在智能手机上查看时，垂直边距非常大。
<iframe style="
width: 100%;
height: 800px !important;
" src="https://www.youtube.com/embed/itookthispartout" frameborder="0" allowfullscreen="" id="fitvid383042"></iframe>
最佳答案
这里有一个解决方案 https://jsfiddle.net/1eozsnsb/
<iframe style="width: 100%;height: 100vh;" src="https://www.youtube.com/embed/itookthispartout" frameborder="0" allowfullscreen="" id="fitvid383042"></iframe>关于javascript - 更改 iFrame 标记的高度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45489848/