Перейти к содержимому

Атрибут autoplay HTML

Атрибут autoplay HTML является булевым атрибутом и указывает, что аудио или видео начнут воспроизводиться автоматически как только это станет возможным.

Вы можете использовать этот атрибут для следующих элементов: <audio> и <video>.

Синтаксис

html
<tag autoplay>&lt;/tag&gt;

Примечание: Современные браузеры ограничивают автозапуск для медиа с аудиодорожками. Чтобы автозапуск работал, необходимо также добавить атрибут muted к элементу.

Пример использования атрибута HTML autoplay для элемента <audio>:

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <audio controls autoplay>
      <source src="https://ru.w3docs.com/build/audios/jingle_bells.ogg" type="audio/ogg" />
      <source src="https://ru.w3docs.com/build/audios/audio.mp3" type="audio/mpeg" />
    </audio>
    <p>Click the play button</p>
  </body>
</html>

Пример использования атрибута HTML autoplay для элемента <video>:

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <video width="320" height="240" controls autoplay muted>
      <source src="http://techslides.com/demos/sample-videos/small.ogv" type="video/ogg" />
      <source src="https://ru.w3docs.com/build/videos/arcnet.io(7-sec).mp4" type="video/mp4" />
    </video>
    <p>Some information about video</p>
  </body>
</html>

Практика

Как правильно использовать атрибут 'autoplay' в HTML?

Считаете ли это полезным?

Предпросмотр dual-run — сравните с маршрутами Symfony на продакшене.