Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.141.7.165
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Cкриншот с YouTube и видео в Ajax
Сообщение оставлено 16.10.2011 в 17:56:33 | Сообщение #1

Новый скрипт, который выводит скриншот видео с YouTube и при клике на него появляется Ajax-окно, в котором показывается само видео. Скрипт имеет гибкие настройки по размеру видеоплеера и названия видео.

Данный скрипт будет работать тогда и только тогда, когда для ссылки на видео вы используете Дополнительное поле 1, если вы используете другое, то, соотвественно, замените $OTHER1$ на используемое вами поле во всех частях скрипта.

Данный скрипт устанавливаем перед на следующие страницы вашего модуля - Главная страница, Страница разделов, Страница категорий, Страница поиска и рейтинга, Страница материалов и комментариев к нему:
Code
<script type="text/javascript">   
  function video(url,title,width,height){   
    new _uWnd('game','Просмотр видео: '+title, width, height, {alert:1,modal:1,resize:0,nomove:1,fadespeed:500,customButtons:{'reload':[true,function(){reload_video(url,title,width,height)}]},align:0},'<div id="videos"><object width="'+width+'" height="'+height+'"><param name="movie" value="http://www.youtube.com/v/'+url+'?version=3&hl=ru_RU&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+url+'?version=3&hl=ru_RU&rel=0" type="application/x-shockwave-flash" width="'+width+'" height="'+height+'" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>');   
  }   
  function reload_video(url,title,width,height){   
  $('#videos').html('<object width="'+width+'" height="'+height+'"><param name="movie" value="http://www.youtube.com/v/'+url+'?version=3&hl=ru_RU&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+url+'?version=3&hl=ru_RU&rel=0" type="application/x-shockwave-flash" width="'+width+'" height="'+height+'" allowscriptaccess="always" allowfullscreen="true"></embed></object>')   
  };   
  </script>

Ну, а в виде материалов или на самой странице используем следующий код для показа нашего скриншота:
Code
<a href="javascript://" onclick="video('<?if(strpos($OTHER1$, 'youtu.be')!='-1')?><?if(strpos($OTHER1$, 'www.youtu')='-1')?><?substr($OTHER1$,16,11)?><?else?><?substr($OTHER1$,20,11)?><?endif?><?else?><?if(strpos($OTHER1$, 'www.youtube')='-1')?><?substr($OTHER1$,27,11)?><?else?><?substr($OTHER1$,31,11)?><?endif?><?endif?>','$TITLE$',480,360)"><img src="http://i1.ytimg.com/vi/<;?if(strpos($OTHER1$, 'youtu.be')!='-1')?><?if(strpos($OTHER1$, 'www.youtu')='-1')?><?substr($OTHER1$,16,11)?><?else?><?substr($OTHER1$,20,11)?><?endif?><?else?><?if(strpos($OTHER1$, 'www.youtube')='-1')?><?substr($OTHER1$,27,11)?><?else?><?substr($OTHER1$,31,11)?><?endif?><?endif?>/0.jpg" border="0" align="left" hspace="10" style="margin: 5px;" width="150px" /></a>

Теперь о настройках. Сама функция имеет вид function video(url,title,width,height) где:
url - вырезанный ID видео
title - название видео
width - ширина видеоплеера
height - высота видеоплеера

По умолчанию я поставил скрипт, который сам вырезает из ссылки ID видео. Вы только можете изменять размеры видеоплеера и название видео.
 
Мой блог :О
Спасает дым, без дыма были бы виллы.
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика