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傳遞給視頻源，瞧，在視頻仍加載時，預加載器旋轉，這需要一段時間。