Предлагаю Вашему вниманию плеер для сайта. Этот плеер прост в установке и подойдет абсолютно для любого сайта. Все что Вам нужно это сам плеер и файл в mp3 формате.
Устанавливается он в любом месте страницы сайта с помощью html тегов </object>.
HTML плеера для сайта
1 2 3 4 5 6 7 8 9 | <object type="application/x-shockwave-flash" data="https://stepfor.top/mp3_player/ump3player_500x70.swf" height="45" width="340"> <param name="wmode" value="transparent"> <param name="allowFullScreen" value="true"> <param name="allowScriptAccess" value="always"> <param name="movie" value="https://stepfor.top/mp3_player/ump3player_500x70.swf"> <param name="FlashVars" value="way=ССЫЛКА_НА_ФАЙЛ_БЕЗ_КАВЫЧЕК.mp3&swf=https://stepfor.top/mp3_player/ump3player_500x70.swf&w=300&h=45&time_seconds=0&autoplay=0&q=&skin=white&volume=100&comment="> </object> |
Ссылка на mp3 файл находится в последнем теге <param> и прописывать ее нужно в ручную.
Плеер для сайтов uCoz
Благодаря использованию на сайтах uCoz специальных системных кодов можно добиться того, чтобы НЕ прописывать mp3 ссылки вручную. Для этого в Панели управления сайтом нужно внести изменения в шаблоны Модуля Каталог файлов. Данный плеер будет работать в шаблонах Вид материалов и Страница материала и комментариев к нему.
В нужном месте шаблона, где должен находится плеер вставляем следующий код:
1 2 3 4 5 6 7 8 9 | <object type="application/x-shockwave-flash" data="https://stepfor.top/mp3_player/ump3player_500x70.swf" height="45" width="340"> <param name="wmode" value="transparent"> <param name="allowFullScreen" value="true"> <param name="allowScriptAccess" value="always"> <param name="movie" value="https://stepfor.top/mp3_player/ump3player_500x70.swf"> <param name="FlashVars" value="way=$FILE_URL$&swf=https://stepfor.top/mp3_player/ump3player_500x70.swf&w=300&h=45&time_seconds=0&autoplay=0&q=&skin=white&volume=100&comment="> </object> |
И теперь плеер будет появляться автоматически с уже прописанным в нем mp3 файлом.
Вид материалов для сайтов Ucoz с использованием плеера
А теперь предлагаю вашему вниманию свой вариант вида материалов для сайта ucoz c использованием данного mp3 плеера.
HTML
Панель Управления – Дизайн – Управление дизайном (шаблоны) – Каталог файлов – Вид материалов. Полностью удалить существующий код.
Не забывайте делать backup шаблонов!
Вместо существующего кода нужна вставить следующий код:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!-- <bc> --><div class="MusicBlock" style=""> <table style="" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr><td style="width:4%; border-right:1px solid #cccccc; padding-right:3px;" align="center"> <?if($FILE_DIRECT_URL$)?><?if( substr($FILE_DIRECT_URL$,strrpos($FILE_DIRECT_URL$,'.')+1)='mp3' )?><img src="http://mp3-4-mobile.ucoz.com/img/mp3.gif" width="35" height="30"border="0"></p><?endif?><?endif?> <?if($FILE_DIRECT_URL$)?><?if( substr($FILE_DIRECT_URL$,strrpos($FILE_DIRECT_URL$,'.')+1)='amr' )?><img src="http://mp3-4-mobile.ucoz.com/img/amr.gif" width="35" height="30" border="0"></p><?endif?><?endif?> <?if($FILE_DIRECT_URL$)?><?if( substr($FILE_DIRECT_URL$,strrpos($FILE_DIRECT_URL$,'.')+1)='m4r' )?><img src="http://mp3-4-mobile.ucoz.com/img/m4r.gif" width="35" height="30"border="0"></p><?endif?><?endif?> </td> <td style="width:76%; padding-left:7px; padding-bottom:1px; border-right:1px solid #cccccc;"> <a class="najmi" href="$ENTRY_URL$"><font size="2">$TITLE$</font><br></a> <object type="application/x-shockwave-flash" data="https://stepfor.top/mp3_player/ump3player_500x70.swf" height="45" width="340"><param name="wmode" value="transparent"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><param name="movie" value="https://stepfor.top/mp3_player/ump3player_500x70.swf"><param name="FlashVars" value="way=$FILE_URL$&swf=https://stepfor.top/mp3_player/ump3player_500x70.swf&w=300&h=45&time_seconds=0&autoplay=0&q=&skin=white&volume=100&comment="></object> <div style="font-size:10px; color:#c0c0c0;" align="left"><br></div> </td> <td style="width:10%; border-right:1px solid #cccccc; font-size:11px; font-family:tahoma; color:#6d6d6d;" align="center"><a href='$FILE_URL$'><img src='http://mp3-4-mobile.ucoz.com/img/Download1.gif' height='50'></a> </td> <td style="width:10%; font-size:11px; font-family:tahoma; color:#6d6d6d; padding-left:5px;" align="center">$LOADS$<div style="font-size:10px; color:#c0c0c0;" align="center">Загрузки</div> </td> </tr> </tbody> </table> <!-- </bc> --> |
CSS
Панель Управления – Дизайн – Управления дизайном (стили CSS)
В самом самом конце всех стилей вставляете следующий код:
1 2 3 4 5 6 7 8 9 10 11 12 13 | /* mp3 player */ .MusicBlock { border:1px solid #c5c5c5; padding:3px; background:#f8f8f8; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} div.MusicBlock:hover {border:1px solid #56abdd;} /* ------------- * |
Здравствуйте.
Вопрос такой:
HTML плеер для сайта. Как в нём зациклить воспроизведение mp3 трека?
Женя, боюсь, что не смогу помочь Вам, так как скрипт плеера написан не мной, а настройки в нем не предусмотрены.
Здравствуйте!!! Все отлично работает, только почему не идет закачка при нажатии кнопки donload.
День добрый! Если строчка с кнопкой выглядит так
то в зависимости от браузера, или должна начинаться закачка, или переход на mp3 файл.
Опишите, пожалуйста, проблему подробнее?
Мне такой вариант очень подходит. Но у меня с лева блоки все сползли, я не спец в этом может подскажете как уменьшить ширину плеера плиз.
Уважаемый Ninsev! Я пока не вижу какие блоки сползли у Вас. Выглядит все нормально. Только я не нашла CSS стилей на Вашем сайте. Вы их ставили в Управления дизайном (стили CSS)?
Ура работает все! спс большое!
Рада была помочь!
Вот так еще получилось но не работает сам рейтинг http://www.ninsev.com/load/
Попробуйте вставить этот код целиком вместо того, который у Вас стоит. Также проверьте еще раз CSS стили, так как похоже их все-таки нет на Вашем сайте.
Ставил все как написано тут, я просто убрал картинки с лева и все нормально стало. А вот еще бы сюда рейтинг вставить материалов цены бы не было
Для рейтинга материалов необходимо добавить следующую строчку:
Вставьте ее в то место шаблона, где вы хотите, чтобы отображался рейтинг. Пишите, если возникнут вопросы.
код запорол на сайте… осторожно
бэк ап делайте!!!
Александр! Поясните пожалуйста что у Вас случилось. Так как у меня этот плеер работает без проблем.
Почему песня песня онлайн проигрывается максимум 30 секунд
Gapcah, уточните пожалуйста вопрос. Как Вы устанавливаете? Что за файлы проигрываются? Песня должна проигрываться соответственно залитому файлу на сайт.