带有javascript内容的iframe。双击问题

我有一个带有html5视频播放器的iframe，它还有一些javascript，可以生成点击暂停/播放事件，如果我直接访问页面，它可以正常工作。但是，如果我从iframe访问它，我必须首先双击它以使单击事件正常工作

有人能帮忙吗

这是正在执行的javascript

<script>
var overlay = document.getElementById('video-overlay');
var video = document.getElementById('video');
var videoPlaying = false;
overlay.onclick = function() {
    if (videoPlaying) {
        video.pause();
        videoPlaying = false;
    }
    else {
        video.play();
        videoPlaying = true;
    }
}
</script>

var overlay=document.getElementById（'video-overlay'）；
var video=document.getElementById（'video'）；
var视频播放=错误；
overlay.onclick=函数（）{
如果（视频播放）{
video.pause（）；
视频播放=错误；
}
否则{
video.play（）；
视频播放=正确；
}
}

这是因为

iframe

是作为一个单独的网页绘制的，因此需要在点击它里面的按钮之前获得焦点。

demo？？？？？你能为它粘贴一个提琴吗？-还是链接？脚本在哪里？在iframe或主窗口中？您不需要脚本或演示。这只是一件简单的事情。也许有一个js方法可以解决这个问题。谢谢，我想可能是这样的。