javascript - Html5 视频预加载阻止异步脚本

标签 javascript html video

我有一个页面,为了简化:

<script async src="..."></script>
[...]
<video preload="auto" ...>

该脚本异步加载一些其他脚本(因此删除“异步”并不能解决问题)来加载一些广告。

问题在于,每个网络连接都处于挂起状态,直到视频下载完毕,如果视频较长并且用户的连接速度较慢,则可能会花费太多时间。

我们该如何解决这个问题?我考虑过在window.onload之后通过javascript推迟视频预加载...有没有更好的方法?

另外,升级到 HTTP2 可以解决这个问题吗?

最佳答案

是否能保证用户愿意观看该视频?如果没有,那么我建议将预加载设置为“无”或“元数据”。强制用户下载他们甚至可能不会观看的整个视频并不是一个好主意。

关于javascript - Html5 视频预加载阻止异步脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36446783/

相关文章:

javascript - 将 div 放置在智能手机图像内

javascript - 如何使用ajax获取json数据

html - 下拉菜单坏了

Android VideoView,需要快速切换视频

java - 是否可以在视频中添加文字叠加层?

node.js - 如何在 node.js 中生成视频缩略图?

javascript - 将 C++ 类导出到 duktape

javascript - 为什么 jQuery 单击和更改事件在 Chrome 与 Safari 或 IE 上的不同时间触发

javascript - 图像 map 鼠标悬停突出显示

javascript - 如何使用 JavaScript 设置多项选择的值