如何优雅地停止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>