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

【问题标题】：iframe with javascript contents. Double click issue带有 javascript 内容的 iframe。双击问题
【发布时间】：2013-10-02 06:00:49
【问题描述】：

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

【问题讨论】：

演示???????????????????
你能给它贴一个小提琴吗？ - 还是链接？
脚本在哪里？在 iframe 中还是在主窗口中？
您不需要脚本或演示。它只是一个 iframe 的东西。可能有一种 js 方式来解决这个问题。

标签： javascript html iframe html5-video

【解决方案1】：

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

【讨论】：

谢谢，我想可能是这样。