Javascript ipadhtml网页问题

我正试图弄清我们正在发行的第四代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>

有人对这页有什么问题有什么建议吗？是否有某种内存上限或页面大小我们正在超过

有没有简单的调试方法

谢谢

---

菲尔不知道它为什么会断，但是

您是否尝试过对视频使用，以防止在页面加载时加载视频？

或者，如果这对你不起作用，你有没有想过在视频中使用fullpage.js

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

“奇怪的是，如果我们将代码更改为仅呈现15个视频，那么页面工作正常！”-我无法想象你为什么会觉得这很奇怪。在一个页面上播放22个视频对于一个移动设备来说是疯狂的。@Turnip不仅如此，对于一个网站来说33MB也是疯狂的。我要说的是，如果有什么不同的话，该网页是一个在线学习资源，只能通过封闭的高端无线网络使用，不能通过互联网使用。Hi@Alvaro感谢延迟加载选项，这在这里非常有用，现在可以加载该网页。仅供参考，我刚刚编写了一些类似的代码来回避这个问题。但这要容易得多。但我现在面临的问题是，随着大量视频的加载，iPad最终会因内存不足而崩溃？？顺便说一句，不幸的是，您似乎无法在iOS上使用preload属性？是否有一种简单的方法可以在页面/分区卸载后销毁视频并释放内存。我试图清除源src属性，并删除视频标记中当前未查看的所有源标记，但内存似乎没有释放？？在清除src之后，我还尝试加载（）它们，但是jQuery似乎抛出了一个“indexOf”（尽管这可能是我代码中的内容）。