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