小编Gow*_*thy的帖子

优化网页上的视频加载

我有一个单页应用程序,其中每个部分都包含多个视频标签。窗口的高度是截面的高度。每个标签都有不同的 MP4 格式的视频。我想在不影响页面加载时间的情况下快速加载这些视频,所以我尝试使用 jquery 通过延迟加载来加载它。但问题是视频文件的大小为 5MB,加载需要时间。是否有任何其他可能的方式在页面加载时加载我的第一部分视频并在页面加载完成后休息或作为后台进程而不向用户显示。

我正在为我的单页应用程序使用 fullpage js。它有延迟加载的未来,我正在使用它来加载我的视频内容。就像我之前说的,每个视频的文件大小为 5Mb。这是在我的单页应用程序中使用的代码。

<video>
  <source data-src="video.mp4" type="video/mp4" />
</video>
Run Code Online (Sandbox Code Playgroud)

jquery lazy-loading html5-video single-page-application fullpage.js

2
推荐指数
1
解决办法
5355
查看次数