Красивый Audio Player в стиле vk для ucoz
Установка:
1. Качаем файлы;
2. Папку Player заливаем в корень сайта (Заменяем все файлы);
3. На страницу Главная страница каталога файлов в теги head /head вставляем код:
Code
<link type="text/css" rel="StyleSheet" href="http://usite.su/img/Player/Player.css.txt" />
<script type="text/javascript" src="http://usite.su/img/Player/Player.js"></script>
<script type="text/javascript" src="http://usite.su/img/Player/Player.js"></script>
4. После $BODY$ ставим:
Code
<script type="text/javascript" src="http://usite.su/img/Player/addons.js"></script>
5. Вид материалов код (в самый низ):
Code
<div id="Player$ID$" class="bodyBottons player"style="opacity:0.9;background:#656260;padding:0px;height:40px;">
<table border="0" cellpadding="0" cellspacing="0" width="400">
<tr>
<td>
<font class="BottonPrev" id="TrackPrev$ID$"></font>
</td><td >
<font id="Play$ID$" class="BottonPlay"></font>
<font id="Pause$ID$" class="BottonPause"></font>
</td><td>
<font id="Stop$ID$" class="BottonStop"></font>
</td><td>
<font class="BottonNext" id="TrackNext$ID$"></font>
</td>
<td style="padding-top:6px;">
<font style="float:right;padding-right:11px;color:#fff">$RFILE_SIZE$ </font><font style="font-size:8pt;padding-left:10px;color:#fff">45)?>...$TITLE$</font>
<object style="bottom:2px;opacity:0.9;" name="SwfPlayer$ID$" id="SwfPlayer$ID$" type="application/x-shockwave-flash" data="http://usite.su/img/Player/Player.swf" width="320" height="20"><param name="bgcolor" value="#ffffff" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="http://usite.su/img/Player/Player.swf" /><param name="flashvars" value="uid=$ID$&comment=$TITLE$&st=http://usite.su/img/Player/Player.style.txt&;file=$AUTHOR_SITE$" /></object>
</td>
<td style="padding-top:6px;">
<font class="BottonDownload" id="Download$ID$" onclick="location.href='$ENTRY_URL$'"></font>
</td>
<td valign="top" style="padding-top:5px;">
<font class="BottonClose" id="PlayersClose$ID$"></font>
</td>
</tr>
</table>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="400">
<tr>
<td>
<font class="BottonPrev" id="TrackPrev$ID$"></font>
</td><td >
<font id="Play$ID$" class="BottonPlay"></font>
<font id="Pause$ID$" class="BottonPause"></font>
</td><td>
<font id="Stop$ID$" class="BottonStop"></font>
</td><td>
<font class="BottonNext" id="TrackNext$ID$"></font>
</td>
<td style="padding-top:6px;">
<font style="float:right;padding-right:11px;color:#fff">$RFILE_SIZE$ </font><font style="font-size:8pt;padding-left:10px;color:#fff">45)?>...$TITLE$</font>
<object style="bottom:2px;opacity:0.9;" name="SwfPlayer$ID$" id="SwfPlayer$ID$" type="application/x-shockwave-flash" data="http://usite.su/img/Player/Player.swf" width="320" height="20"><param name="bgcolor" value="#ffffff" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="http://usite.su/img/Player/Player.swf" /><param name="flashvars" value="uid=$ID$&comment=$TITLE$&st=http://usite.su/img/Player/Player.style.txt&;file=$AUTHOR_SITE$" /></object>
</td>
<td style="padding-top:6px;">
<font class="BottonDownload" id="Download$ID$" onclick="location.href='$ENTRY_URL$'"></font>
</td>
<td valign="top" style="padding-top:5px;">
<font class="BottonClose" id="PlayersClose$ID$"></font>
</td>
</tr>
</table>
</div>
$RFILE_SIZE$ - меняем на свой код (тут должно быть время трека)
$AUTHOR_SITE$ - меняем на свой код (тут должна быть прямая ссылка на трек)
5. В кнопку где мы включаем onclick="$('.player').hide();$('#Player$ID$').show();"
У меня она выглядит так:
Code
<font class="body_play" onclick="$('.player').hide();$('#Player$ID$').show();" style="cursor:pointer;">PLAY</font>
Проверен в Opera, FireFox, Chrome, Chromium браузерах
Другие новости |
Поделиться ссылкой
|
2 |
PoCoMaX пишет: | 16.05.2012 | 22:35
Страница с комментарием |
БЛАГОДАРЯ!
(0)
|