HTML5 видео-автовоспроизведение

Question

На моем website page Я добавил автовоспроизведение видео, будучи отключенным. Каждый раз, когда я закрываю браузер и посещаю страницу, автовоспроизведение останавливается через 2 секунды. Это код, который я использовал в качестве сырьевого блока HMTL с КАМИ:

<video id="vid" preload="auto" muted loop> 
<source src="/wp-content/uploads/2016/09/CHAUDFONTAINE-FUSION-HD.mp4#t=0" type="video/mp4"> 
</video> 

<script type="text/javascript"> 

var vid = document.getElementById("vid"); 
vid.oncanplaythrough = function() { 
    vid.play(); 
}; 

</script> 

Я также попробовал без яваскрипта и просто использовать «автозапуск» в видео-теге, но результат тот же.

Answer 1

От docs,

autoplay Атрибут имеет приоритет над preload. Если указано autoplay, браузеру, очевидно, необходимо будет начать загрузку видео для воспроизведения.

В вашем случае, как autoplay атрибута присутствует, видео начинает играть, как только достаточную часть видео в буфере будет играть. Однажды oncanplaythrough событие fulfilled, play Событие вызывается снова!