iPad HTML网页问题 [英] iPad HTML web page issue

问题描述

我正试图解决我们遇到的第4代iPad问题的问题。我们不断收到以下错误，页面刷新，因此无法在Mac上的开发人员工具中进行调试：

I am trying to get to the bottom of an issue on a 4th generation iPad issue we are having. We keep getting the following error and the page refreshes so there is no way to debug this in developer tools on a mac:

此网页出现问题所以它被重新加载

该页面使用fullpage.js并呈现22个单独的html5（mp4）视频，这些视频在每个完整页面/部分的背景中运行。

The page uses fullpage.js and renders 22 separate html5 (mp4) videos that run in the background of each full page/section.

奇怪的是，如果我们将代码更改为仅渲染15个视频，那么页面工作正常！

Weirdly, if we change the code to only render say 15 videos the page works fine!

视频分别在500KB到3MB之间。视频总共33MB。

The videos are between 500KB and 3MB each. The videos are 33MB in total.

它们嵌入如下：

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

有没有人对页面有什么问题有任何建议？我们是否超出了某种内存上限或页面大小。

Does anyone have any suggestions of what is wrong with the page? Is there some kind of upper memory limit or page size we are exceeding.

有一种简单的方法可以调试吗？

Is there an easy way of debugging this?

谢谢，

Phil

推荐答案

不知道为什么会破裂，但是......

No idea why it's breaking, but...

您是否尝试过使用 preload 属性，以防止在页面加载时加载它们？
相关问题

Have you tried using the preload property for the videos to prevent loading them on page load ? Related question

或者，如果没有为你工作，请你使用fullpage.js 延迟加载选项视频？

Or, if that doesn't workf for you, have you though a about using the fullpage.js lazy loading option the videos?

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

这篇关于iPad HTML网页问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！