Блог

Вот моя функция, которая работает в данный момент.

 $(function() {
    $("#myVideo").each(function() {
        this.volume = 0.0;
    });
});
$(function() {
    $("#myVideo").click(function() {
        this.volume = 0.8;                            
    });
});
  

Первая устанавливает громкость на 0 при загрузке для моего видео. Вторая функция onclick установит громкость на 0.8.

Мой вопрос: Как я могу щелкнуть изображение один раз, чтобы установить громкость = 0,8, а затем нажать еще раз, чтобы вернуть громкость на 0,0. И делайте это столько раз, сколько пожелает пользователь.

Спасибо!

Я собираюсь проигнорировать первый сегмент скрипта, поскольку кажется, что вас интересует только .click часть. Что вы можете сделать, так это создать переменную, которая чередуется между 0.0 и 0.8 , и пусть это будет значение, на которое установлен объем. Ниже приведен примерный макет:

 var change = 0.8
$(function() {
    $("#myVideo").click(function() {
        this.volume = change;  
        if (change == 0.8) { change = 0.0 }
        else { change = 0.8 }                          
    });
});
  

Для этого вам понадобится кнопка переключения.

 var on = false;
$(function() {
    $("#myVideo").click(function() {
       on = !on;
       this.volume = (on) ? 0.8 : 0;                            
    });
});