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

您可以將 class 或 id 添加到您的 iframe 並在您的速度初始化器中使用它們。

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

Answer 2

我對 iframe 也有同樣的問題。 特別是當您希望兩幀或更多幀同時播放實時視頻源時。

我還沒有想出一個合適的解決方案，但我一直在考慮讓整個頁面加載並將 iframe 自動播放設置為 false，然后讓一個單獨的腳本盡可能同時啟動它們。

如果是實時視頻源，我不知道是否有時間戳，或者是否可以提取時間戳並使兩個單獨的幀像這樣同步。 只是深思熟慮。

我的問題是，即使我讓幀一起開始，網絡延遲等也會導致兩個單獨的實時提要失去平衡。