拥有播放音乐效果的图标

相信大家在做网页的时候，都想做一个有音乐播放的效果，那么我给大家分享一个可以播放音乐的小图标，同时的在鼠标移入可以隐藏，大程度的不占用空间，两个图标具有互相绑定的效果，无论点击哪个都会触发另一个的点击事件，大家可以看一下下面的截图


下面我给大家叙述一下是怎么做出来的，请看下面截图

<audio src="../../../wl/艾辰 - 东西.mp3" loop id="song"></audio>
<video src="../../../wl/艾辰 - 东西.mp3"></video>

先引入你要的歌曲，但是我们一般用audio引入，如果用video来引入，那么将是以下的效果，大家可以看到，用video引入它就有宽度和高度，对页面的整体感觉就会有不美观的效果，同时占用页面，但是用audio就完全没有这样的效果。所以我们一般使用audio来进行引入，再给它一个id。

然后我们来看一下js代码

var ind=false;
 var togel=document.getElementById("togel");
 var togel1=document.getElementById