我想在用户悬停链接时预加载视频。 （该链接会将您带到新页面，而视频不在带有链接的页面上）。目前，当用户单击链接时，在视频加载之前会有短暂的暂停-我想删除此暂停。当用户将链接悬停时，似乎是下载视频的好机会，这样，如果他们决定单击链接，则体验会更加流畅。
缺点：用户可能无法单击链接，浪费了带宽
优点：更流畅的体验
我尝试在目标页面的视频代码上使用预加载功能。这没有帮助。
我还尝试将视频隐藏在链接中，隐藏，将预加载设置为false，然后在悬停时使用一些JS将预加载切换为auto / true-这不会提前下载文件-我假定此时DOM已经建立，并且所做的更改已被提取。
HTML：
<a class="preload" href="link.html">
<h4>Title</h4>
<p>Text</p>
<video class="hide" src="vid.mp4" preload="false">
</a>
JS：
$('.preload').mouseenter(function(){
var vid = this.childNodes[5];
vid.preload = true;
});
视频的预加载更改为“真”（或“自动”），但是在Chrome网络标签中，该视频未下载。
那么-基于用户意图（悬停），预取此视频的好方法是什么-这是个坏主意吗？我读过几篇文章说，这可能会给从未点击链接的潜伏者流失！