Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.139.98.10
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Плеера чужих серверов с плейлистом
Сообщение оставлено 26.08.2011 в 15:28:57 | Сообщение #1
Вот решил добавить один. Сразу хочу сказать.
Этот скрипт паблик и по настоящему он выглядит вот так:

А точнее у него есть много переделок и все они отличаются только картинкой -_-

Ну ладно, думаю хватит пояснений. Решил не делать лишних скриншотов этого скрипта, на видео выйдет нагляднее.


А теперь переходим к установке:
1. Открываем таблицу стилей и пихаем туда это:
Code
.tepisode {  
  box-shadow:0 1px 0 0 #95a7b7 inset;  
  background:#8197aa;  
  border-bottom:1px solid #61768a;  
  padding:2px 6px;  
  color:#ffffff;  
  text-decoration:none;  
  text-shadow: 0px 1px 0px #5b7ca4;  
  font-weight:bold;  
  display:block;       
  cursor:pointer;  
  cursor:hand  
  }  
  .episode {  
  box-shadow:0 1px 0 0 #8b9cac inset;  
  background:#758a9d;  
  border-bottom:1px solid #61768a;  
  padding:2px 4px;  
  color:#e6edf4;  
  text-decoration:none;  
  text-shadow: 0px 1px 0px #52616e;  
  display:block;  
  text-align:left;  
  cursor:pointer;  
  cursor:hand  
  }  
  .episode:hover{  
  box-shadow:0 1px 0 0 #95a7b7 inset;  
  background:#8197aa;  
  border-bottom:1px solid #61768a;  
  padding:2px 4px;  
  color:#ffffff;  
  text-decoration:none;  
  text-shadow: 0px 1px 0px #5b7ca4;  
  display:block;  
  text-align:left;  
  cursor:pointer;  
  cursor:hand  
  }

2. Создаём текстовой файл, вставляем туда это:/
Code
function vid(id)  
  {  
  document.getElementById('play').innerHTML = '<OBJECT width="500" height="400"><PARAM name="movie" value="http://video.rutube.ru/'+id+'"></PARAM><PARAM name="wmode" value="window"></PARAM><PARAM name="allowFullScreen" value="true"></PARAM><EMBED src="http://video.rutube.ru/'+id+'" type="application/x-shockwave-flash" wmode="window" width="500" height="400" allowFullScreen="true" ></EMBED></OBJECT>';  
  }  

  var old_link = -1;  

  function vidLoc(id,link,type,play)  
  {  
       if ( old_link > 0 ) {  
        if ( old_link%1 != 1 ) {  
         document.getElementById('ep'+old_link).className = 'episode';  
        }  
       }  

       document.getElementById('ep'+link).className = 'tepisode';  
             
       old_link = link * 1;  
             
  if ( type == 1 ) {  

  document.getElementById('player'+play).innerHTML = '<object id="main_player_object" width="500" height="400"><param name="movie" value="http://kiwi.kz/static/player/player.swf?file=http://farm.kiwi.kz/v/'+id+'&st=http://kiwi.kz/static/player/skins/video.txt"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><param name="wmode" value="transparent"><embed id="main_player_embed" width="500" height="400" src="http://kiwi.kz/static/player/player.swf" flashvars="file=http://farm.kiwi.kz/v/'+id+'&st=http://kiwi.kz/static/player/skins/video.txt" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" wmode="transparent"></embed></object>';  
       }       
  if ( type == 2 ) {  

  document.getElementById('player'+play).innerHTML = '<OBJECT width="500" height="400"><PARAM name="movie" value="http://video.rutube.ru/'+id+'"></PARAM><PARAM name="wmode" value="window"></PARAM><PARAM name="allowFullScreen" value="true"></PARAM><EMBED src="http://video.rutube.ru/'+id+'" type="application/x-shockwave-flash" wmode="window" width="500" height="400" allowFullScreen="true" ></EMBED></OBJECT>';  
       }       
  if ( type == 3 ){  
  document.getElementById('player'+play).innerHTML = '<object width="500" height="400"><param name="movie" value="http://myvi.ru/ru/flash/player/'+id+'"><param name="allowScriptAccess" value="always"><param name="wmode" value="transparent"><param name="allowFullScreen" value="true"><embed src="http://myvi.ru/ru/flash/player/'+id+'" allowFullScreen="true" wmode="transparent" width="500" height="400" type="application/x-shockwave-flash"></object>';  
  }  
  if ( type == 4 ){  
  document.getElementById('player'+play).innerHTML = '<embed src="http://video.sibnet.ru/mediaplayer.swf" quality="high" bgcolor="#ffffff" width="500" height="400" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowfullscreen="true" allowScriptAccess="always" wmode="opaque" flashvars="file=http://video.sibnet.ru/upload/video/'+id+'.flv&image=http://video.sibnet.ru/upload/cover/video_'+id+'_0.jpg&width=500&height=400&fullscreen=true"></embed>';  
  }       
  if ( type == 5 ){  
  document.getElementById('player'+play).innerHTML = '<iframe src="http://vkontakte.ru/video_ext.php?'+id+'" width="500" height="400" frameborder="0"></iframe>';  
  }  
  if ( type == 6 ){  
  document.getElementById('player'+play).innerHTML = '<object width="500" height="400"><param name="allowScriptAccess" value="always" /><param name="movie" value="http://img.mail.ru/r/video2/player_v2.swf?movieSrc='+id+'" /><embed src=http://img.mail.ru/r/video2/player_v2.swf?movieSrc='+id+' type="application/x-shockwave-flash" width="500" height="400" allowScriptAccess="always"></embed></object>';  
  }  
  }

3. Сохраняем как - dplay.js и пихаем её в папку /js/ на сайте в файловый менеджер. ( то есть http://site.ru/js/dplay.js , если нет такой папки, то создаём.)
4. Перед ставим (не обязательно везде, можно только там, где будет стоять сам плеер):
Code
<script type="text/javascript" src="/js/dplay.js"></script>

5. Открываем страницу, где будет стоять плеер и у нас есть 2 варианта:
5.1. Можно угробить модуль и облегчить форму добавления материалов. Для этого, ставим это туда, где будет стоять плеер:
Code
<div align="center" style="padding:5px;"><div style="border:1px solid #61768a;width:500px;">  
  <div id="player0" align="center"><img src="http://savepic.net/1805931.png" align="absmiddle" width="500" height="400" border="0"></div>       
  <div style="border-top:1px solid #61768a;max-height:143px;width:500px;overflow-y:auto;">       
  $MESSAGE$  
  </div></div></div>

Форма добавления будет описана ниже.
5.2. ничего не добавляем.

Ну вот в принципе и всё, теперь опишу, как добавлять материалы.
Если вы использовали первый способ, то добавления будет в таком виде и не более ↓
Code
<a id="ep1" onclick="vidLoc('l7zkldpvligu','1','1','0')" class="episode">Пример плеера kiwi.kz</a>  
  <a id="ep2" onclick="vidLoc('d9b1b4cae183ff763669d0994e7ab3bb','2','2','0')" class="episode">Пример плеера RuTube.ru</a>  
  <a id="ep3" onclick="vidLoc('ae491dfbae6e44aeb011a254c5d2dbc0','3','3','0')" class="episode">Пример плеера Myvi.ru</a>  
  <a id="ep4" onclick="vidLoc('406672','4','4','0')" class="episode">Пример плеера video.sibnet.ru</a>  
  <a id="ep5" onclick="vidLoc('oid=91326787&id=160365318&hash=7fcfc0805ea8e916&sd','5','5','0')" class="episode">Пример плеера VKontakte.ru</a>  
  <a id="ep6" onclick="vidLoc('mail/smolenskaya_nat/18/18','6','6','0')" class="episode">Пример плеера video.Mail.Ru</a>

То что я выделил красным - это значит ID серии, то есть ID серий ни в коем случае не должен быть одинаковым у двух серий, иначе откроется просто тот, который выше.
То что я выделил синим - это означает номер плеера, поясню:
1 - kiwi.kz
2 - rutube.ru
3 - myvi.ru
4 - video.sibnet.ru
5 - vkontakte.ru
6 - video.mail.ru
То что я выделил зелёным - это как бы код видео, так сказать, поясню как брать эти "виды".
kiwi.kz - ссылка выглядит вот так http:// kiwi.kz/watch/l7zkldpvligu/ - ставим на место зелёного.
Rutube.ru - ссылка выглядит вот так http:// rutube.ru/tracks/4711933.html?v=d9b1b4cae183ff763669d0994e7ab3bb - ставим на место зелёного.
Myvi.ru - ссылка выглядит вот так http:// myvi.ru/ru/videodetail.aspx?video=ae491dfbae6e44aeb011a254c5d2dbc0 - ставим на место зелёного.
video.sibnet.ru - ссылка выглядит вот так http:// video.sibnet.ru/video406672 - ставим на место зелёного.
vkontakte.ru - тут немного другое, открываем любое видео и внизу справа находим "Получить код видео", появится окошко с кодом.
- ставим на место зелёного.
video.Mail.Ru - ссылка выглядит вот так - http:// video.mail.ru/ mail/smolenskaya_nat/18/18.html - ставим на место зелёного.

Если используете второй способ, то добавление такое ↓
Code
<div align="center" style="padding:5px;"><div style="border:1px solid #61768a;width:500px;">  
  <div id="player0" align="center"><img src="http://savepic.net/1805931.png" align="absmiddle" width="500" height="400" border="0"></div>       
  <div style="border-top:1px solid #61768a;max-height:143px;width:500px;overflow-y:auto;">       
  <a id="ep1" onclick="vidLoc('l7zkldpvligu','1','1','0')" class="episode">Пример плеера kiwi.kz</a>       
  <a id="ep2" onclick="vidLoc('d9b1b4cae183ff763669d0994e7ab3bb','2','2','0')" class="episode">Пример плеера RuTube.ru</a>       
  <a id="ep3" onclick="vidLoc('ae491dfbae6e44aeb011a254c5d2dbc0','3','3','0')" class="episode">Пример плеера Myvi.ru</a>       
  <a id="ep4" onclick="vidLoc('406672','4','4','0')" class="episode">Пример плеера video.sibnet.ru</a>  
  <a id="ep5" onclick="vidLoc('oid=91326787&id=160365318&hash=7fcfc0805ea8e916&sd','5','5','0')" class="episode">Пример плеера VKontakte.ru</a>  
  </div></div></div>

То, как это всё работает, описано в первом способе!

Теперь самые важные детали:
1. При добавлении материалов, у пользователя должны быть права html (обязательно)
2. Те коды, которые я указал, нужно вставлять в поле "Полное описание материала:".
 
 
   
Сообщение оставлено 30.08.2011 в 19:07:08 | Сообщение #2
вот нормально
 
 
   
Сообщение оставлено 19.02.2012 в 12:35:05 | Сообщение #3
Удалите сообщение разобрался


 Сообщение отредактировал fastfast - Воскресенье, 19.02.2012, 14:03:26
 
 
   
Сообщение оставлено 19.02.2012 в 19:06:05 | Сообщение #4
фигня! посещалки у сайта не будет
 
Увидимся...
 
   
Сообщение оставлено 20.02.2012 в 14:08:24 | Сообщение #5
<a id="ep2" onclick="vidLoc('d9b1b4cae183ff763669d0994e7ab3bb','2','2','0')" class="episode">Пример плеера RuTube.ru</a>
где синим отмечено можно как то сделать чтобы не писать каждый раз '1','2','0 '2','2','0 '3','2','0 и т.д.
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика