Руководство по HTML

Полный список HTML тегов

Атрибут controls DOM HTML

Атрибут controls отвечает за управление свойством controls HTML, которое отвечает за отображение панели управления для播放емого媒体 (видео или аудио).

　Руководство по DOM аудио/видео HTML

Онлайн пример

Включить видео контроли:

Пример

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Использование атрибута controls в HTML аудио/видео - базовый учебник (oldtoolbag.com)</title>
</head>
<body>
<button onclick="enableControls()" type="button">Включить контроли</button>
<button onclick="disableControls()" type="button">Отключить контроли</button>
<button onclick="checkControls()" type="button">Проверить состояние контролей</button>
<br>　
<video id="video1">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Ваш браузер не поддерживает тег HTML5 video.
</video>
<script>
myVid=document.getElementById("video1");
function enableControls()
{　
　　myVid.controls=true;
　　myVid.load();
}　
function disableControls()
{　
　　myVid.controls=false;
　　myVid.load();
}　
function checkControls()
{　
　　alert(myVid.controls);
}　
</script>　
</body>
</html>

Проверьте, посмотрите <‹/›

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

Свойство controls контрола устанавливает или возвращает, должен ли браузер отображать стандартные аудио/видео контролы.

Стандартные контролы аудио/видео включают:

Воспроизведение
Пауза
Лента прогресса
Громкость
Переключение на полный экран (для видео)
Субтитры (при наличии)
Трек (при наличии)

Совместимость браузеров

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают свойство controls.

Внимание:Internet Explorer 8 и более ранние версии не поддерживают это свойство.

Синтаксис

Установка свойства controls:

audio|video.controls=true|false

Возврат значения свойства controls:

audio|video.controls

Значение атрибута

Значение	Описание
true	Указывает на то, что контрол будет отображаться.
false	По умолчанию. Указывает на то, что контрол не будет отображаться.

Технические детали

Возврат значения:	Булево значение, true\|false
Значение по умолчанию:	false

　Руководство по DOM аудио/видео HTML

HTML: <template> тег