Воспроизведение бесконечного цикла видео при загрузке в HTML5

Я хочу разместить видео на странице HTML5, которое начнет воспроизводиться при загрузке страницы, а после завершения вернется к началу без перерыва. Видео также НЕ должно иметь связанных с ним элементов управления, быть совместимым со всеми «современными» браузерами или иметь возможность полифилла.

Раньше я делал бы это с помощью Flashи FLVPlayback, но я бы предпочел держаться подальше от Flashсферы HTML5. Я думаю, что могу использовать javascript setTimeoutдля создания плавного цикла, но что мне использовать для встраивания самого видео? Есть ли что-то, что будет транслировать видео так, как это FLVPlaybackбыло бы?

Петля атрибут должен это сделать:

<video width="320" height="240" autoplay loop>
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.
</video>

Если у вас возникла проблема с атрибутом цикла (как у нас было в прошлом), прослушайте videoEndсобытие и вызовите play()метод при его срабатывании.

Примечание 1: я не уверен в поведении Apple iPad / iPhone, потому что у них есть некоторые ограничения autoplay.

Примечание 2: loop="true"и autoplay="autoplay"устарели

По состоянию на апрель 2018 года Chrome (как и несколько других основных браузеров) теперь также требует наличия этого mutedатрибута.

Следовательно, вы должны использовать

<video width="320" height="240" autoplay loop muted>
  <source src="movie.mp4" type="video/mp4" />
</video>

Для iPhone это работает, если вы добавите также playsinline так:

<video width="320" height="240" autoplay loop muted playsinline>
  <source src="movie.mp4" type="video/mp4" />
</video>

Вы можете сделать это двумя способами:

1) Использование loopатрибута в элементе видео (упомянутом в первом ответе):

2) и вы можете использовать endedмедиа-событие:

window.addEventListener('load', function(){
    var newVideo = document.getElementById('videoElementId');
    newVideo.addEventListener('ended', function() {
        this.currentTime = 0;
        this.play();
    }, false);

    newVideo.play();

});