javascript - Pace.js 不等待 iframe 完全加载

Question

我在我的网站上使用了 pace.js，但我在处理具有 iframe 的页面时遇到了困难。有没有办法让pace.js考虑到这些iframe中的内容加载？

我尝试将paceOptions 设置为在确定页面已完全加载之前等待iframe 选择器加载，但它似乎只是识别出iframe 在页面上，而不是内部的内容已被渲染。

这是我目前拥有的：

<script>
paceOptions = {
    elements: {
        selectors: ['iframe']
    }
}
</script>
<script src="include/pace/pace.min.js"></script>

score 1 · Accepted Answer

您可以将 class 或 id 添加到 iframe 并在您的速度初始化程序中使用它们。

 pace-options = { elements: { 
          selectors: [".class1", "#id1", ".class2"] 
       }
  }

score 0 · Accepted Answer

我对 iframe 也有同样的问题。特别是当您希望两个或更多帧同时播放实时视频源时。

我还没有想出一个合适的解决方案，但是我一直在玩弄让整个页面加载并将 iframe 自动播放设置为 false 的想法，然后让一个单独的脚本尽可能同时启动它们。

如果是实时视频源，我不知道是否有时间戳，或者是否可以拉出时间戳并使两个单独的帧像这样同步。只是思考的食物。

我的问题是，即使我让帧一起开始，网络延迟等也会导致两个单独的实时提要失去平衡。

2 回答 2