<symbol id="chevron-bold" viewBox="0 0 2.5 3.5">
<polygon points="0.7,0 2.5,1.8 0.7,3.5 0,2.8 1.1,1.8 0,0.7"/>
</symbol>
- <symbol id="play" viewBox="0 0 18 18">
+ <symbol id="audioplayer-play" viewBox="0 0 18 18">
<path d="M16,8.6c0.3,0.2,0.3,0.7,0,0.9l-6.7,3.8l-6.7,3.8c-0.3,0.2-0.8,0-0.8-0.4V9V1.5c0-0.4,0.4-0.6,0.8-0.4l6.7,3.8L16,8.6z"/>
</symbol>
- <symbol id="pause" viewBox="0 0 22 20">
+ <symbol id="audioplayer-pause" viewBox="0 0 22 20">
<path d="M20.5,7.3h-19C1.2,7.3,0.9,7,0.9,6.7v-5c0-0.3,0.3-0.6,0.6-0.6h19c0.3,0,0.6,0.3,0.6,0.6v5
C21.1,7,20.8,7.3,20.5,7.3z"/>
<path d="M20.5,18.9h-19c-0.3,0-0.6-0.3-0.6-0.6v-5c0-0.3,0.3-0.6,0.6-0.6h19c0.3,0,0.6,0.3,0.6,0.6v5
}
vp.append('<div class="back"></div>');
- vp.append('<div class="icon play">' + getSpriteIcon('play') + '</div>');
- vp.append('<div class="icon pause">' + getSpriteIcon('pause') + '</div>');
+ vp.append('<div class="icon play">' + getSpriteIcon('audioplayer-play') + '</div>');
+ vp.append('<div class="icon pause">' + getSpriteIcon('audioplayer-pause') + '</div>');
vp.append('<div class="arc"></div>');
var vpw = Math.max($(vp).outerWidth(), $(vp).outerHeight());