iframe与javascript内容。双击问题

Question

我有一个带有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>

Answer 1

这是因为iframe被绘制为一个单独的网页，因此需要在点击其中的按钮之前获得焦点。