如何正常停止html5视频播放

Question

有没有办法彻底停止html5视频播放？

有如下选项：

设置videoElement.src =“”。 这会在视频元素上引发错误，代码为4。

要么

调用videoElement.load（）。 这将readyState设置为0，但是周围没有太多文档。

Answer 1

UX透视

在Google上查找暂停和停止之间的区别会给我带来各种结果，我可以总结为：

暂停 ：播放停止。 从最后位置继续打球。
停止 ：播放停止。 从头开始继续击球

至少从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>