如何優雅地停止html5視頻播放

Question

有沒有辦法徹底停止html5視頻播放？

有類似的選項：

設置videoElement.src = 「」。這將引發的視頻元件上的誤差，與代碼= 4

OR

呼叫videoElement.load（）。這設置readyState = 0，但周圍沒有太多文檔。

Answer 1

UX視角

尋找在谷歌暫停和停止之間的差異給我，我可以爲summrize不同的結果：

暫停：播放停止。再次擊中比賽從上一個位置繼續。
停止：播放停止。再次擊中游戲從的角度UX點，覆蓋了所有的理由

停止媒體加載開始

至少持續

如果你真正的目標是從作爲發生停止緩衝過程好吧，那麼你現在的方法似乎是完全正確的，運行下面的代碼不會在我嘗試的任何瀏覽器中觸發任何錯誤。

var video = document.querySelector("video"); 
 
video.play(); 
 
setTimeout(function() { 
 
    video.pause(0); 
 
    video.setAttribute("src", ""); 
 
}, 5000);

<video id="video" controls="" preload="none" mediagroup="myVideoGroup" poster="http://media.w3.org/2010/05/sintel/poster.png" style="height:180px"> 
 
    <source id="mp4" src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4"> 
 
    <source id="webm" src="http://media.w3.org/2010/05/sintel/trailer.webm" type="video/webm"> 
 
    <source id="ogv" src="http://media.w3.org/2010/05/sintel/trailer.ogv" type="video/ogg"> 
 
</video>