iPad的HTML网页问题

我正试图在第四代iPad问题上find一个问题的底部。 我们不断收到以下错误，并刷新页面，因此无法在mac上的开发人员工具中进行debugging：

“这个网页出现问题，所以重新加载”

该页面使用fullpage.js并呈现22个单独的html5（mp4）video，在每个完整页面/部分的后台运行。

奇怪的是，如果我们改变代码只呈现15video的页面正常工作！

video介于500KB和3MB之间。 这些video共有33MB。

他们是这样embedded的：

<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> 

有没有人有任何关于什么是错误的网页的build议？ 是否有某种超出内存上限或页面大小的情况？

有没有简单的方法来debugging呢？

谢谢，

菲尔

Answer 1

不知道为什么它突破，但…

你有没有尝试使用preload属性的video，以防止加载页面加载？ 相关的问题

或者，如果这不适合你，你有没有关于使用fullpage.js 延迟加载选项的video？

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