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

Question

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

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

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

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

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

另外，升级到 HTTP2 可以解决这个问题吗？

Answer 1

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