html5视频海报gif显示，直到完整视频加载

Question

我想保持海报gif显示，直到整个视频加载完毕。看起来这是不可能的，但其他任何人都有解决方法。

<video id="wrVideo" controls poster="/images/busy.gif" 
controlsList="nodownload"  onerror="myFunction()" preload="auto" autoplay>

gif加载但是因为chrome会在它认为足够玩的时候就开始播放，我无法操纵它。我可以在不同时间检查缓冲值，但不确定如何在超过一半的视频持续时间缓冲时才实现此功能。

vid.oncanplaythrough = function() {
    if(vid.buffered.end(0) < vid.duration){
        vid.pause;
    }

}

这样的东西，而是在缓冲到达那一点时加载gif / spinner。有什么想法吗？

Answer 1

我终于弄清楚了这一点，它涉及到一次黑客围绕镀铬加载可玩区段。我强迫浏览器下载整个视频，然后将blob url传递给视频源，瞧，预加载器在视频仍在加载时旋转，这需要一段时间。