Спасибо конечно добрый человек, но это не то
Дело в том, что ссылка на mp3 файл с классом class="jouele" становится плеером, а по вашему предложению, добавляется еще одна ссылка, в итоге если у меня на странице будет 50 ссылок на mp3, то их число удвоится, вряд ли поисковикам такое понравится, да и кнопочка получилась под плеером, а не рядом с таймером.
В подобном плеере, в JS, кнопочка вшита таким образом:
$ (thisSelector).find ('.jouele-info-area').append (
$ ('<a class="jouele-download jouele-hidden" style="display: none"></a>'),
$ ('<div class="jouele-play-control"></div>'),
$ ('<div class="jouele-time"></div>'),
$ ('<div class="jouele-name">' + thisName + '</div>')
)
$ (thisSelector).find ('.jouele-download').attr (
'href',
$aHref.attr ('href')
)
* .jouele-download, .jouele-skin-dark .jouele-download {
background-position: -48px;
.jouele-download {
position: absolute;
right: 0;
top: -1px;
width: 16px;
height: 16px;
margin-left: 8px;
margin-right: -3px;
border: none;
text-decoration: none;
}
.jouele-unavailable, .jouele-play, .jouele-pause, .jouele-download {
background: 16px center;
background: url("i/jouele-sprite.png") no-repeat;
background: rgba(0, 0, 0, 0) url("i/jouele-sprite.svg") no-repeat;
background-repeat: no-repeat;
}