我正在尝试深入探讨我们遇到的第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>
有人对页面出什么问题有任何建议吗?是否存在某种超出的内存上限或页面大小?
有没有简单的调试方法?
谢谢,
菲尔
最佳答案
不知道为什么会坏,但是...
您是否尝试过将 preload
property用于视频,以防止在页面加载时加载它们?
Related question
或者,如果这对您不起作用,您是否还打算使用fullpage.js lazy loading option视频?
<video>
<source data-src="video.webm" type="video/webm" />
<source data-src="video.mp4" type="video/mp4" />
</video>