javascript - 如果第二次只是同一视频,如何防止同一视频加载两次

标签 javascript jquery video

在这里您可以看到同一视频加载了两次。这是一个自动播放的视频,我只想在页面底部第二次使用(第一次是页面顶部)。如何防止浏览器第二次下载? https://tools.pingdom.com/#!/cQ1xMb/https://bm-translations.de/km.php 问题与此页面有关:https://bm-translations.de/km#kontakt (稍微向下滚动到“zufrieden Kunden”

<video autoplay="autoplay" loop="loop" class="imgWindowwidth center"><source src="./bilder/krystian-manthey-referenzen.mp4" type="video/mp4"/></video>

enter image description here

最佳答案

缓存中没有找到视频文件,浏览器开始下载。第二个视频再次发生这种情况。如您所见,第一个视频在第二个开始加载之前未加载,因此在缓存中找不到它,将再次下载。

解决方案是延迟加载第二个视频。这可以通过延迟加载来实现。当你使用 JQuery here is a library用于延迟加载元素。

关于javascript - 如果第二次只是同一视频,如何防止同一视频加载两次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49801776/

相关文章:

javascript - 通过javascript按按钮加载嵌入式MP4视频

javascript - selected.js 隐藏已选择选项中的删除 (X),但保留新选项

javascript - 如何使用字符串 'show'触发jquery show函数?

jquery - 不应使用 keydown 事件的“获取 "The ' charCode”属性。该值无意义”jQuery 中的错误

c++ - 写入未压缩的 AVI 视频

video - 使用 ffmpeg 将视频分成几部分

javascript - jquery 移动对话框在页面加载后关闭

javascript - 检查对象的一部分是否已定义

Javascript:如何查看 toString 等 native 函数的源代码实现

javascript - 代码在指定的 setTimeout 之前执行