javascript - 防止iframe js自动滚动父页面

Question

我们有一个页面，上面有一个视频，嵌入了一个 iframe。

播放器的 iframe js 代码中有以下代码:

m.default.focus(function (e) {
          var t = e.playButton;
          (0, y.focusElement) (t)
        })

这基本上使播放按钮在屏幕上可见(如果尚未显示)。这适用于独立视频，但不适用于嵌入视频的页面。

它在我们页面上的作用是导致整个页面滚动到该内容。

如果可能的话，我们希望防止这种情况发生。

这是 iframe 代码:

<div class="embed-responsive mb-5 embed-responsive-16by9" id="myFrame" style="height: auto;">
    <iframe allowfullscreen="" class="embed-responsive-item" sandbox="allow-scripts allow-downloads-without-user-activation allow-same-origin" src="https://sourcefile.onthesamedomain.com" title="Video"></iframe>
</div>

我们尝试在父级上滚动到 0,0，但没有成功。

抱歉，但我忘了补充一点，这只是 Firefox 中的一个问题。其他浏览器使用 iframe 上的属性。

如有任何帮助，我们将不胜感激。

Answer 1

iframe 中 js 的第 3 方所有者最终提供了修复程序。如果屏幕不来回滚动，我们就无法做到这一点。