1

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

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

单击时 Speaker_on 将图像更改为扬声器关闭并播放音频 单击时扬声器_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);

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

谢谢

4

1 回答 1

1

在这里尝试 JSfiddle 

    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();
    }



});

我只是根据您的要求在图像和设置音量之间切换，请检查并让我知道它是否有效

乐意效劳

于 2014-05-09T14:50:38.887 回答