Как по клику убрать/добавить атрибут “muted” в <video>
347
07 марта 2018, 09:28
Написал вот такой код. Не работает. Подскажите что исправить.
var video = document.getElementById("video");
var volume = document.getElementById("volume");
volume.onclick = function() {
if (video.hasAttribute('muted')) {
video.removeAttribute('muted');
} else {
video.addAttribute('muted');
}
};<video id="video" autoplay loop muted>
<source src="img/video.mp4" type="video/webm" />
</video>
<button id="volume">Звук</button>Answer 1
var video = document.getElementById("video");
var volume = document.getElementById("volume");
volume.addEventListener('click', function() {
video.muted = (video.muted == false) ? true : false;
});Answer 2
Атрибут muted является логическим атрибутом. Достаточно сделать так:
volume.addEventListener('click', function () {
video.muted = !video.muted;
})
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
-
13:46
-
10:14
-
18:32
Сборка персонального компьютера от Artline: умный выбор для современных пользователей
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 49923 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31901 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25883 visits
- Как через css изменить цвет png изображения? 11723 visits
- Blob video url download 11269 visits
- Php curl запрос через прокси с авторизацией 10672 visits
- Работа с captcha vk api 9471 visits
© "hostciti.net" 25.12.2025 | 14:00