Pace.js未等待iframes完全加载

Question

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

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

这是我目前所拥有的：

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

Answer 1

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

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

Answer 2

我在iframes上也遇到过同样的问题。尤其是当您希望两个或更多帧同时播放实时视频源时。

我还没有想出一个合适的解决方案，但我一直在考虑让整个页面加载iframes自动播放设置为false，然后让一个单独的脚本尽可能同时启动这两个脚本。

如果是实时视频源，我不知道是否有时间戳，或者是否有可能拉出时间戳并让两个单独的帧像这样同步。只是发人深省而已。

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