暂停和播放事件会改变jquery中的CSS

Question

您好我想知道如何在播放时更改音频元素的CSS，然后在暂停时再次更改。

//when playing
$("audio#musicbar").on('play',function(){
     $().css ({
         'box-shadow':'1px 0px 20px lime'
     });
});

//When paused
$(#musicbar").on('pause',function(){
     $().css ({
         'box-shadow':'1px 0px 20px green'
     });
});

我写了这个，但它不起作用，我只是一个爱好者，并不太了解这个。

Answer 1

试试这个：

$('#musicbar').click(function() {
   if (this.paused == false) {
      this.pause();
      $(this).css ({
          'box-shadow':'1px 0px 20px green'
      });
   }
   else {
     this.play();
     $(this).css ({
     'box-shadow':'1px 0px 20px lime'
      });
   }
});