Атрибут muted тега <video> — вимкнений звук
Атрибут muted - логічний атрибут.
Коли присутній, він вказує, що аудіо-канал відео повинен бути заглушений (вимкнений).
автор: NagarD
Загальний опис
автор: NagarD
Синтаксис
<video muted >
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| 30 | 11 | 5 | 17 | 12 | 10 |
| Переглядач | ||||
|---|---|---|---|---|
| 4.4 | 30 | 14 | 4.2 |
Приклади
+ запропонувати свій приклад у пісочниці
Три однакові плеєри: у першого muted, у другого muted="false", у третього атрибута немає. Подивіться на іконку гучності — у перших двох динамік перекреслений і повзунок на нулі, бо для логічного атрибута важлива лише наявність, а не значення.
HTML
<p>muted</p>
<video controls muted width="260" height="110"
poster="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='110'%3E%3Crect width='260' height='110' fill='%23345'/%3E%3C/svg%3E"></video>
<p>muted="false" — теж без звуку</p>
<video controls muted="false" width="260" height="110"
poster="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='110'%3E%3Crect width='260' height='110' fill='%23345'/%3E%3C/svg%3E"></video>
<p>без атрибута — звук увімкнено</p>
<video controls width="260" height="110"
poster="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='110'%3E%3Crect width='260' height='110' fill='%23345'/%3E%3C/svg%3E"></video>
CSS
p {
font: 14px sans-serif;
margin: 14px 0 4px;
color: #444;
}
video {
display: block;
background: #000;
}
<video controls muted width="320" height="180" preload="metadata" poster="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='180' viewBox='0 0 64 36' preserveAspectRatio='none'%3E%3Crect width='64' height='36' fill='%23264653'/%3E%3Ccircle cx='32' cy='18' r='10' fill='%23e9c46a'/%3E%3Cpath d='M29 12 38 18 29 24Z' fill='%23264653'/%3E%3C/svg%3E">
Ваш браузер не підтримує відео.
</video>
Різниця між HTML 4.01 та HTML5
Атрибут muted з'явився тільки у HTML5.
Різниця між XHTML та HTML
У XHTML мінімізований запис атрибутів заборонено, тому атрибут muted повинен бути визначений як <video muted ="muted ">.
Коментарі
Коментарів ще немає — будьте першим!