iPad HTML網頁問題

Question

我正試圖解決我們正在進行的第4代iPad問題。 我們不斷收到以下錯誤，頁面刷新，因此無法在mac上的開發人員工具中進行調試：

“此網頁出現問題，因此重新加載”

該頁面使用fullpage.js並呈現22個單獨的html5（mp4）視頻，這些視頻在每個完整頁面/部分的背景中運行。

奇怪的是，如果我們將代碼更改為只渲染15個視頻，頁面工作正常！

這些視頻各占500KB至3MB。 視頻總共33MB。

它們是這樣嵌入的：

<video id="video-transport" class="video-bg">
  <source src="videos/videoname.mp4" type="video/mp4">  
  <source src="videos/videoname.webm" type="video/webm">
  <p class="vjs-no-js"></p> 
</video>

有沒有人對頁面有什么問題有任何建議？ 我們超出了某種上限內存或頁面大小。

有一種簡單的調試方法嗎？

謝謝，

菲爾

Answer 1

不知道為什么它會破裂，但......

您是否嘗試過為視頻使用preload屬性以防止在頁面加載時加載它們？ 相關問題

或者，如果這對您不起作用，您是否可以使用fullpage.js 延遲加載選項視頻？

<video>
    <source data-src="video.webm" type="video/webm" />
    <source data-src="video.mp4" type="video/mp4" />
</video>