Чат сообщества
|
   |
| Модератор форума: JonMagon |
| Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии Скрипт плейлиста |
| Скрипт плейлиста |
|
Доброго времени суток, подскажите, пожалуйста, как реализовать такой плейлист?
Прикрепления:
3046117.png
(421.9 Kb)
|
|
В общем есть плейлист, но он проще, я его установил на тестовом сайте, мне бы хотелось подобное оформление.
Добавлено (31 Янв 2015, 22:43:28) |
|
вот тот плейер если тебе надо ешо толко собран по дизайну мой сайт
в <head> Код <script type="text/javascript" src="http://www.nwfilms.ru/js/pl_js.js"></script> </head> где будеть пелйер ставиш ето ну ето уже пример Код <script type="text/javascript"> uvk.init(); uvk.show(['Плеер 1','Плеер 2'],[[ 'http://veterok.tv/v/96238', 'http://vk.com/video_ext.php?oid=221329256&id=1700..', 'http://veterok.tv/v/96417', 'http://veterok.tv/v/96573', 'http://vk.com/video_ext.php?oid=261815191&id=1698..' ], [ 'http://allserials.tv/get.php?pl=Vosmideseatie.s4' ] ]); </script> и CSS Код /* player ------------------------------------------*/ #uber-vk-write { background:#101010; margin:auto; width:100%; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; border:1px solid #676767; position:relative; font- size:12px; } #uber-vk-player { background:#102023; margin:0px auto; width:100%; height:360px; clear:both; } #uber-vk-season, #uber-vk-serial { margin:0px auto; padding:0px; width:640px; height:40px; list-style:none; overflow:hidden; white-space:nowrap; position:relative; } #uber-vk-season li, #uber-vk-serial li { list-style:none; float:left; height:30px; padding-top:4px; cursor:pointer; position:absolute; } #uber-vk-season li span, #uber-vk-serial li span { background:#102023; display:inline-block; text-align:center; width:60px; line-height:22px; margin:4px 2px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; - khtml-border-radius:5px; border-radius:5px; color:#FFF; border:1px solid #19AAB7; } #uber-vk-season li span { width:110px; } #uber-vk-season li span:hover, #uber-vk-serial li span:hover { background:#277FCC; } #uber-vk-write .active { background:#226CA4; } #uber-vk-write .prev { background: url('http://www.nwfilms.ru/images/prev1.png') 0 0 no-repeat; line-height:0px; outline:none; font-size:0px; width:24px; height:24px; display:block; position:absolute; left:5px; top:8px; } #uber-vk-write .next { background: url('http://www.nwfilms.ru/images/next1.png') 0 0 no-repeat; line-height:0px; outline:none; font-size:0px; width:24px; height:24px; display:block; position:absolute; right:5px; top:8px; } #uber-vk-write .prev1 { background: url('http://www.nwfilms.ru/images/prev1.png') 0 0 no-repeat; line-height:0px; outline:none; font-size:0px; width:24px; height:24px; display:block; position:absolute; left:5px; bottom:8px; } #uber-vk-write .next1 { background: url('http://www.nwfilms.ru/images/next1.png') 0 0 no-repeat; line-height:0px; outline:none; font-size:0px; width:24px; height:24px; display:block; position:absolute; right:5px; bottom:8px; } |
| |||
| |||