Как сделать повторяющееся видео в html5?

Пользователь

от gage , в категории: HTML/CSS , 6 месяцев назад

Как сделать повторяющееся видео в html5?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от jerrold_langworth , 6 месяцев назад

@gage 

Для создания повторяющегося видео в HTML5 можно использовать атрибут loop у элемента . Вот пример кода:

1
2
3
4
5
<video autoplay loop>
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  Your browser does not support the video tag.
</video>


В данном примере атрибут autoplay говорит браузеру автоматически воспроизвести видео, а атрибут loop говорит браузеру повторять видео после его завершения. В теге указываются доступные форматы видео файлов, чтобы браузер мог выбрать поддерживаемый формат. Если ни один из указанных форматов не поддерживается, то будет показано сообщение "Your browser does not support the video tag."


Теперь видео будет воспроизводиться автоматически и повторяться после завершения.