САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Атрибут controls



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

Атрибут controls является логическим атрибутом.

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

Элементы управления должны включать:

  • Воспроизведение
  • Пауза
  • Поиск
  • Громкость
  • Полноэкранный режим (только для видео)
  • Подпись/Субтитры (только для видео, если доступно)
  • Трек (только для видео, если доступно)

Применение

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

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

Примеры

Пример Audio

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

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

Пример Video

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

<video controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Ваш браузер не поддерживает элемент video.
</video>
Попробуйте сами »

Поддержка браузеров

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

Атрибут
audio 4.0 9.0 3.5 4.0 10.5
video 4.0 9.0 3.5 4.0 10.5