HTML Jquery卷函数

Question

这是我目前正常运作的功能。

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

第一个在我的视频加载时将音量设置为0。第二个功能，onclick将音量设置为0.8。

我的问题：如何单击图片一次设置音量= 0.8，然后再次单击将音量设置回0.0。并按照用户的意愿多次执行此操作。

谢谢！

Answer 1

您可以添加if语句。

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

使用内联运算符。

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

Answer 2

我将忽略脚本的第一部分，因为它似乎只关心.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 }                          
    });
});

Answer 3

为此，您需要一个切换按钮。

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