HTML атрибут controls, определение и примеры использования
Меню
Веб-разработка

Атрибут controls HTML

Атрибут controls

HTML атрибут controls — это логический атрибут. Если он присутствует, он указывает, что должны отображаться элементы управления аудио/видео.


Атрибут controls - синтаксис и код

Элемент <audio> с элементами управления браузера по умолчанию:

<audio controls>
  <source src="/htm/audio/bird.ogg" type="audio/ogg">
  <source src="/htm/audio/bird.mp3" type="audio/mpeg">
Ваш браузер не поддерживает аудио элементы.
</audio>

Элемент audio с атрибутом controls

Нажмите кнопку воспроизведения, чтобы воспроизвести звук

Синтаксис

<tag controls></tag>

Определение и использование

Атрибут controls — это новый логический атрибут в HTML5, который указывает, что должны отображаться элементы управления аудио/видео.

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

Для тега <audio> атрибут controls включает:

Воспроизведение

  • Пауза;
  • Поиск;
  • Громкость.

Для тега <video> атрибут controls включает:

Воспроизведение

  • Пауза;
  • Поиск;
  • Громкость;
  • Переключение на весь экран;
  • Субтитры/Титры;
  • Трек.

1

Применимо

Атрибут controls имеет следующую поддержку браузеров для каждого элемента:

Элемент Атрибут
<audio> controls
<video> controls

Поддержка controls браузерами

Chrome Поддерживает
Yandex Browser Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Полный список всех доступных атрибутов HTML см. в Справочнике HTML атрибутов.

Поделиться ссылкой