未全屏显示时隐藏iframe或重叠式广告

Question

一个youtube视频显示在iframe中。该iframe仅在全屏加载时才可见。如果用户关闭全屏，则iframe应该是不可见的，或者应该被其他图片覆盖。另一个选择是显示一个按钮，如果我单击此按钮，则视频将以全屏模式自动播放-如果用户关闭全屏模式，则带视频的iframe不可见，并且仅显示该按钮。

我尝试使用下面的代码，但是它运行不正常，我需要一些支持。

           

function(fullscreen)
{
    if(document.activeElement instanceof HTMLIFrameElement)
    {
        document.getElementById('cover').style.opacity=0;
        document.getElementById('player').style.opacity=1;
    }
    else
    {
        document.getElementById('cover').style.opacity=1;
        document.getElementById('player').style.opacity=0;
    }
}
setInterval(fullscreen,50);