Как изящно остановить воспроизведение видео html5

Question

Есть ли способ полностью остановить воспроизведение видео html5?

Есть варианты, как:

Набор videoElement.src = "". Это выдает ошибку на видео элемент с кодом = 4.

ИЛИ

вызова videoElement.load(). Это устанавливает readyState = 0, но вокруг него не так много документации.

Answer 1

UX Перспектива

Глядя на Google для разницы между паузой и остановкой дал мне различные результаты, которые я могу 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>