iFrameタグの高さを変更する

Question

ユーザーがスクロールしたときにフルページのビデオを表示するWebページ（ホームページ）を作成しようとしています。ヘッダーはフルスクリーンのスライドショーですが、一度スクロールするとフルスクリーンのビデオが表示されます。私はiframeのためにCSSを試しました、そして、高さを変更する方法を考え出した唯一の方法は、height: 800px;を使用することでしたが、その問題は、スマートフォンだけでなくコンピュータでも見ることができることです私がスマートフォンでそれを見るために行くとき、垂直マージンは巨大です。

<iframe style=" 
width: 100%; 
height: 800px !important; 
" src="https://www.youtube.com/embed/itookthispartout" frameborder="0" allowfullscreen="" id="fitvid383042"></iframe> 

Answer 1

ここでは、ソリューションhttps://jsfiddle.net/1eozsnsb/

<iframe style="width: 100%;height: 100vh;" src="https://www.youtube.com/embed/itookthispartout" frameborder="0" allowfullscreen="" id="fitvid383042"></iframe>

Answer 2

お試しCSS's @media ruleユーザーがブラウズしている画面のサイズに応じて、高さやパディングボトムのサイズを変更することができます。