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

我已經與I幀同樣的問題。特別是當您想要兩個或更多幀同時播放實時視頻輸入時。

我還沒有想出一個合適的解決方案，但我一直在想辦法讓整個頁面加載iframes自動播放設置爲false，然後有一個單獨的腳本啓動他們兩個作爲儘可能同時進行。

如果是實時視頻供稿，我不知道是否有時間戳，或者是否可以拉時間戳，並讓兩個單獨的幀同步。只是思考的食物。

我的問題是，即使我得到幀一起開始，網絡延遲等，導致兩個獨立的活飼料脫落千里。

Answer 2

您可以將class或id添加到您的iframe中，並將其用於您的步速initalizer中。

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