javascript - 暂停和播放事件会更改 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'
      });
   }
});