JS-在播放音乐时更改样式

Question

<audio id="player35" src="tune.wav" type="audio/wav"></audio>

<a href="#" onclick="pausePlay(document.getElementById('player35'));" class="music-area">A Tune</a>

---

.music-area
{
width: 128px;
height: 128px;
background-color: rgba(0, 0, 0, 0.2);

background-image: url("img/speaker.jpg");
background-repeat:no-repeat;
background-position:center;

margin: 0;
padding: 0;
display: inline-block;
float: left;
color: rgba(0, 0, 255, 0.60);
text-decoration: none;
text-align: center;
font-size: 20px;
font-weight: bold;
}

有许多“ playerX”音频标签和相关的标签，可在单击时播放音乐。它们都具有“音乐区”类，因此上面的CSS在所有字符上都添加了扬声器符号。我希望扬声器仅在音乐播放时出现，这可能吗？

Answer 1

执行pausePlay函数时，如果开始播放音乐，则可以向a元素中添加另一个类，并在音乐停止时删除该类。使用该新类为元素设置样式。