Как отключить видеоплеер HTML5

Question

Я нашел, как приостановить и воспроизвести видео с помощью jquery

$("video").get(0).play();
$("video").get(0).pause();

Но я не могу найти кнопку отключения звука, если нет решения jquery, я в порядке с простым решением js onclick.Мне нужно как можно скорее.Также есть способ исправить задержку отключения звука?Я хочу, чтобы он отключал / включал звук сразу после нажатия кнопки.

Answer 1

$("video").prop('muted', true); //mute

И

$("video").prop('muted', false); //unmute

Смотреть все события здесь

(примечание: используйте attr, если в jQuery <1.6) </p>

Answer 2

Если вы не хотите jQuery, вот вам ванильный JavaScript:

///Mute
var video = document.getElementById("your-video-id");
video.muted= true;

//Unmute
var video = document.getElementById("your-video-id");
video.muted= false;

Это будет работать и для аудио, просто укажите идентификатор элемента, и он будет работать (и, если хотите, измените имя переменной на «media» или что-то другое, подходящее для аудио / видео).

Answer 3

Используете ли вы логический атрибут элементов управления по умолчанию на теге видео? Если это так, я считаю, что все поддерживающие браузеры имеют кнопки отключения звука. Если вам нужно подключить его, установите .muted в true для элемента в javascript (используйте .prop для jquery, потому что это атрибут IDL.) Значок динамика на регуляторе громкости - кнопка отключения звука на chrome, ff, safari и опера например