HTML-видео не всегда воспроизводится в Chrome

Question

При загрузке страницы (нажав на index.html) видео не воспроизводится.После удара F5 пару раз он играет.Всякий раз, когда я открываю файл index.html, видео почти никогда не воспроизводится.

При загрузке видео застревает на первом кадре, как картинка.После обновления 1/2 раза он воспроизводится, но НИКОГДА при первой загрузке.

Эта проблема в Google Chrome.

В Firefox он работает при первой загрузке.

В Internet Explorer он также работает при первой загрузке.

<video id="vid" class="backvid" autoplay loop>
<source src="assets/vids/bg.mp4" type="video/mp4">
</video>

Это код, который я использовал.Я не знаю, как опубликовать jsfiddle или фрагмент для этой проблемы, так как он содержит видео.Возможно, можно принудительно обновить видео при загрузке, но я не знаю, как это кодировать.

Answer 1

<script> 
    document.getElementById('vid').play(); 
</script> 

Не могли бы вы добавить это после </video>, чтобы увидеть, работает ли оно?

Answer 2

<video id="vid" class="backvid" autoplay loop>
    <source src="assets/vids/bg.mp4" type="video/mp4">
</video>

<style>
   .backvid{
     display:none;
   }
</style>

<script>
$(document).ready(function(){
      $(".backvid").show();
});
</script>

По какой-то причине, если вы добавите .show(), это будет работать.

Для работы этого решения необходимо использовать jQuery.

Answer 3

Вы очищаете историю браузера Chrome и проверяете ее снова.Потому что в моем браузере я столкнулся с той же проблемой, и после очистки истории мое видео