Если у вас стоит Версия плеера 0.1 всеравно меняем все файлы
Установка:
1. Качаем файлы;
2. Папку Player заливаем в корень сайта;
3. На страницу Главная страница каталога файлов в теги head /head вставляем код:
Code
<link type="text/css" rel="StyleSheet" href="/Player/Player.css.txt" />
<script type="text/javascript" src="/Player/Player.js"></script>
<script type="text/javascript" src="/Player/Player.js"></script>
4. Вид материалов код:
Code
<div id="player$ID$" class="player" style="display:none;">
<div class="bodyBottons"style="background:#656260;padding:0px;height:40px;">
<table border="0" cellpadding="0" cellspacing="0" width="300">
<tr><td>
<div id="pl$ID$"><font id="play$ID$" class="BottonPlay" style="display:none"></font><font id="pause$ID$" class="BottonPause"></font></div>
</td><td>
<font class="BottonPrev" title="Предыдущий трек" id="track_prev$ID$"></font>
</td><td >
<font class="BottonNext" title="Следующий трек" id="track_next$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">40)?>...$TITLE$</font>
<object style="bottom:2px;" id="p$ID$" type="application/x-shockwave-flash" data="/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="/Player/player.swf" /><param name="flashvars" value="id=pl&uid=u$ID$&st=/Player/Player.style.txt&file=$AUTHOR_SITE$" /></object>
</td> <td>
<font class="BottonDownload" style="float:right;" title="Скачать трек" id="download$ID$" onclick="location.href='$ENTRY_URL$'"></font>
</td><td valign="top">
<font class="BottonClose" style="float:right;" title="Закрыть" id="players_e$ID$"> </font><td>
</td><td></tr></table>
</div><script type="text/javascript">
/*!
* Audio Player
* by RAF (Google)
* skype: raf-1994
*/
$("#download$ID$, #players_e$ID$, #track_prev$ID$, #track_next$ID$, #play$ID$, #pause$ID$").hover(function () {$(this).animate({opacity: '1'}, 300);},function () {$(this).animate({opacity: '0.2'}, 500);});$('#players_e$ID$').click(function() {$('#player$ID$').css('display','none');});$('#pl$ID$').click(function() {uppodSend('p$ID$','toggle');$('#play$ID$, #pause$ID$').toggle();});$('#players_c$ID$').click(function() {$('.player').css('display','none');$('#player$ID$').css('display','');});$('#track_next$ID$').click(function() {$('#player$ID$').css('display','none');$('#player $ID$-1 ?>').css('display','');});$('#track_prev$ID$').click(function() {$('#player$ID$').css('display','none');$('#player $ID$+1 ?>').css('display','');}); </script>
</div>
<div class="bodyBottons"style="background:#656260;padding:0px;height:40px;">
<table border="0" cellpadding="0" cellspacing="0" width="300">
<tr><td>
<div id="pl$ID$"><font id="play$ID$" class="BottonPlay" style="display:none"></font><font id="pause$ID$" class="BottonPause"></font></div>
</td><td>
<font class="BottonPrev" title="Предыдущий трек" id="track_prev$ID$"></font>
</td><td >
<font class="BottonNext" title="Следующий трек" id="track_next$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">40)?>...$TITLE$</font>
<object style="bottom:2px;" id="p$ID$" type="application/x-shockwave-flash" data="/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="/Player/player.swf" /><param name="flashvars" value="id=pl&uid=u$ID$&st=/Player/Player.style.txt&file=$AUTHOR_SITE$" /></object>
</td> <td>
<font class="BottonDownload" style="float:right;" title="Скачать трек" id="download$ID$" onclick="location.href='$ENTRY_URL$'"></font>
</td><td valign="top">
<font class="BottonClose" style="float:right;" title="Закрыть" id="players_e$ID$"> </font><td>
</td><td></tr></table>
</div><script type="text/javascript">
/*!
* Audio Player
* by RAF (Google)
* skype: raf-1994
*/
$("#download$ID$, #players_e$ID$, #track_prev$ID$, #track_next$ID$, #play$ID$, #pause$ID$").hover(function () {$(this).animate({opacity: '1'}, 300);},function () {$(this).animate({opacity: '0.2'}, 500);});$('#players_e$ID$').click(function() {$('#player$ID$').css('display','none');});$('#pl$ID$').click(function() {uppodSend('p$ID$','toggle');$('#play$ID$, #pause$ID$').toggle();});$('#players_c$ID$').click(function() {$('.player').css('display','none');$('#player$ID$').css('display','');});$('#track_next$ID$').click(function() {$('#player$ID$').css('display','none');$('#player $ID$-1 ?>').css('display','');});$('#track_prev$ID$').click(function() {$('#player$ID$').css('display','none');$('#player $ID$+1 ?>').css('display','');}); </script>
</div>
$RFILE_SIZE$ - меняем на свой код (тут должно быть время трека)
$AUTHOR_SITE$ - меняем на свой код (тут должна быть прямая ссылка на трек)
5. В кнопку где мы включаем id="players_c$ID$"
У меня она выглядит так:
Code
<font class="body_play" id="players_c$ID$" style="cursor:pointer;">PLAY</font>
Проверен в Opera, FireFox, Chrome браузерах
Версия 0.2
Другие новости |
Поделиться ссылкой
|