Синтаксис

<audio controls>

<video controls>

Описание

Атрибут controls (от англ. controls — элементы управления) определяет, отображать ли видео- или аудиоплеер браузера по умолчанию, позволяя пользователю останавливать или запускать воспроизведение, изменять громкость и позиционировать поиск.

Используется в тегах <audio> и <video>.

Данный атрибут является логическим атрибутом. Может указываться либо без значения, либо с пустым значением, либо со значением "controls".

По умолчанию, эти элементы управления состоят из кнопок:

  • "Играть"
  • "Пауза"
  • "Перемотка"
  • "Громкость"
  • "Полноэкранный режим"
  • "Вкл/Выкл субтитры" (если есть) 
  • "Дорожка" (если есть).

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Атрибут controls</title>
</head>
<body>
    <video controls>
        <source src="/video/flower.mp4" type="video/mp4">
        <source src="/video/flower.webm" type="video/webm">
        <source src="/video/flower.ogg" type="video/ogg">
    </video>
</body>
</html>

Отображение в браузере:

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

Атрибут

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

controls Да Да Да Да Да

Комментарии

Оставить комментарий:
* отправляя форму, я даю согласие на обработку персональных данных

Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!

Только свежие новости программирования и технологий каждый день.