Question

我希望能够通过点击我制作的图像来打开音量，但是我想在点击图像时关闭音量。

我有两张图像可以在扬声器开启和扬声器关闭之间切换

扬声器_on单击时将图像更改为扬声器关闭并播放音频单击Speaker_off会将图像更改为扬声器，但音频不会关闭

我正在使用setVolume来控制音频设置

这是我的jquery代码

$(document).ready(function(){
              //use event delegation
              $(document).on('click','#imageid',function(){

                var $this= $(this);
                $('#toggle').toggle('slide',function(){
                  //swap src of the image on toggle is completed
                 var imgsrc = $this.attr('src');
                  $this.attr('src',$this.data('othersource'));
                  $this.data('othersource',imgsrc);

               });
              });
            });

这是我的HTML

<div id="toggle"><strong>Click speaker for volume</strong> </div>

<img src="images/speaker_on.jpg" onclick='jwplayer(smallvid).setVolume(80);'id="imageid" data-othersource="/images/speaker_off.jpg"  />

当扬声器关闭图像被选择为关闭图像时，这是我需要调用的代码

 jwplayer(smallvid).setVolume(0);

我尝试了几种方法，但是当我切换到扬声器关闭图像时似乎无法关闭音量。

由于

Answer 1

尝试JSfiddle here

    jwplayer('playerveGLz8Hc').setup({
        playlist: 'http://jwpsrv.com/feed/veGLz8Hc.rss',
        width: '100%',
        aspectratio: '16:9'
    });
$("#infoToggler").click(function() {
    var onVol = 100, offVol = 0 ;
    var vol = jwplayer().getVolume();
    if(vol == 0 )
    {
        jwplayer().setVolume(onVol);
        $(this).find('img').toggle();    
    }
    else{
         jwplayer().setVolume(offVol);
        $(this).find('img').toggle();
    }



});

我只是根据您的要求在图像之间切换，并根据此设置音量开启和关闭，请检查并告诉我它是否有效

乐意帮助

单击以关闭音量

1 个答案: