Атрибут controls
Синтаксис
HTML
<audio controls="controls"> <source src="..."> ... </audio>
Описание
Атрибут / параметр controls (от англ. "controls" ‒ «элементы управления») указывает на необходимость отображения «штатной» панели управления аудио данными, предоставляемой агентом пользователя.
Примечание
Данный атрибут полезен в случаях, когда разработчик (автор) не хочет или не может предоставить собственные элементы управления аудио данными.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | |
| 5.0 | 4.7.10.13 User interface The controls attribute... |
| 5.1 | 4.7.14.12. User interface The controls attribute... |
| XHTML | |
| 1.0 | |
| 1.1 | |
Значения
Данный атрибут является логическим атрибутом. Может указываться либо без значения, либо с пустым значением, либо со значением «controls».
<audio controls> ... <audio> <audio controls=""> ... <audio> <audio controls="controls"> ... <audio>
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр controls (Элемент audio)</title>
</head>
<body>
<h1>Пример использования атрибута "controls"</h1>
<p>Рахманинов ‒ Сад Эдема<br>
<audio controls="controls">
<source src="/examples/multimedia/audio/Rachmaninov_-_The_Garden_of_Eden.mp3" type="audio/mp3">
Ваш web-браузер не поддерживает HTML элемент «<a href="/html/audio/">audio</a>».
</audio>
</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр controls (Элемент audio)</title>
</head>
<body>
<h1>Пример использования атрибута "controls"</h1>
<p>Рахманинов ‒ Сад Эдема<br>
<audio controls="controls">
<source src="/examples/multimedia/audio/Rachmaninov_-_The_Garden_of_Eden.mp3" type="audio/mp3">
Ваш web-браузер не поддерживает HTML элемент «<a href="/html/audio/">audio</a>».
</audio>
</p>
</body>
</html>
Параметр controls (Элемент audio)