Синтаксис
<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">
<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>
</video>
</body>
</html>
Отображение в браузере:
Поддержка браузера
Атрибут |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
controls | Да | Да | Да | Да | Да |
Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!
Только свежие новости программирования и технологий каждый день.
Комментарии