1. Заливаем содержимое папки {THEME} на ваш сайт
2. Далее подключите скрипт в тег head ввашем шаблоне
<script type="text/javascript" src="xxxx/js/dle_js.js"></script>
Где "xxxx" - замените на свой сайт, далее путь укажите до файлы dle_js
Затем добавьте стили в конец любого файла сss:
#player-vk-write { background:#101010; margin:auto; width:610px; -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; }
#player-vk-player { background:#000000; margin:0px auto; width:100%; height:372px; clear:both; }
#player-vk-season, #player-vk-serial { margin:0px auto; padding:0px; width:530px; height:40px; list-style:none; overflow:hidden; white-space:nowrap; position:relative; }
#player-vk-season li, #player-vk-serial li { list-style:none; float:left; height:30px; padding-top:4px; cursor:pointer; position:absolute; }
#player-vk-season li span, #player-vk-serial li span { background:#010101; display:inline-block; text-align:center; width:60.25px; 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 #676767; }
#player-vk-season li span:hover, #player-vk-serial li span:hover { background:#4091b8; }
#player-vk-write .active { background:#1b6e8b; }
#player-vk-write .prev { background: url("../images/prev.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; }
#player-vk-write .prev:hover { background: url("../images/prev1.png") 0 0 no-repeat;}
#player-vk-write .next { background: url("../images/next.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; }
#player-vk-write .next:hover { background: url("../images/next1.png") 0 0 no-repeat;}
#player-vk-write .prev1 { background: url("../images/prev.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; }
#player-vk-write .prev1:hover { background: url("../images/prev1.png") 0 0 no-repeat;}
#player-vk-write .next1 { background: url("../images/next.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; }
#player-vk-write .next1:hover { background: url("../images/next1.png") 0 0 no-repeat;}
******************** Как добавлять видео ***********************
Пример одного сезона. Добавляете этот код туда где будет выводится плейлист с видео:
<script type="text/javascript">
vk.init();
vk.show(1,[['ссылка','ссылка','ссылка']]);
</script>