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>

Answer 1

您可以在iframe中添加班级或ID，并在您的步伐中使用这些内容。

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

Answer 2

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

我还没有找到一个合适的解决方案，但我一直在想着让整个页面加载iframes autoplay设置为false，然后让一个单独的脚本同时启动它们尽可能。

如果是实时视频输入，我不知道是否有时间戳，或者是否可以拉出时间戳并让两个单独的帧同步。只是值得深思。

我的问题是，即使我让帧一起启动，网络延迟等导致两个独立的实时馈送下降。