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

Question

我有一个带有 html5 视频播放器的 iframe，它还有一些 javascript 可以产生 Click Pause/Play 事件，如果我直接访问该页面，它就可以正常工作。但是，如果我从 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>

Answer 1

这是因为它是iframe作为单独的网页绘制的，因此需要先获得焦点，然后才能单击其中的按钮。