如何使iframe中的YouTube视频全屏显示？

Question

当我将YouTube视频嵌入到iframe中时，它可以正常工作，但是在全屏模式下，整个屏幕上都看不到视频

<iframe src="https://www.youtube-nocookie.com/embed/rGmF2CaDiBg?rel=0" 
        frameborder="0" allow="autoplay; encrypted-media" class="iframe" 
        id="Overlayvideo" **allowfullscreen="true"**>
</iframe>

Answer 1

在CSS中使用以下内容 #Overlayvideo { width: 100%;}

Answer 2

HTML ：

<iframe src="https://www.youtube-nocookie.com/embed/rGmF2CaDiBg?rel=0" 
        frameborder="0" allow="autoplay; encrypted-media" class="iframe" 
        id="Overlayvideo" allowfullscreen>
</iframe>

CSS ：

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