HTML5 видео заикание на петле

Question

У меня есть простой HTML5-видео на моем сайте. Я хочу, чтобы он зациклился, поэтому я добавил к нему loop. Это работает, проблема в том, что он заикается каждый раз, когда он перезапускается. Видео очень короткое, имеет только 8 секунд, но когда оно достигает конца, а затем перезапускается, самый первый кадр видео «зависает» около половины секунды. Я тестировал его в Chrome и Firefox, это происходит только в Chrome.

После google я нашел несколько обходных решений, но никто из них не работал для меня. Я попытался поймать событие ended видео в JS, чтобы снова снять видео, чтобы очистить изображение плаката видео, когда оно начнет играть $video.attr('poster', ''), и так далее.

Если я воспроизвожу видео на проигрывателе Windows Media или любом другом проигрывателе с включенным режимом «повторения», он не будет зацикливаться, поэтому я не думаю, что это связано с кодировкой видео.

<video loop> 
    <source src="myvid.mp4" type="video/mp4"> 
</video> 

Answer 1

При попытке оптимизировать размер видео, я нашел Handbrake, программное обеспечение видео-редактор. После оптимизации размера видео с помощью этого программного обеспечения он перешел от 1,4 МБ к 272 КБ, и волшебным образом заикание исчезло.

В конце концов, речь шла о кодировании видео или о чем-то связанном.

Для тех, кто пришел сюда из Google и уже попробовал много обходных решений, предложенных этой проблемой в других вопросах стека, попробуйте оптимизировать ваше видео с помощью Handbrake, и я надеюсь, что ваше «заикание» исчезнет.