С днем победы!
Выводим скриншот с YouTube и видео в Ajax - Форум-TO-Portal | Всё для TankiOnline и uCoz | Обмен акк ТО
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: DarkUltimate  
Форум-TO-Portal | Всё для TankiOnline и uCoz | Обмен акк ТО » Скрипты для uCoz » Другие скрипты для uCoz » Выводим скриншот с YouTube и видео в Ajax
Выводим скриншот с YouTube и видео в Ajax
DarkUltimateДата: Суббота, 26.11.2011, 10:37 | Сообщение # 1
Маршал
Группа: Гл. Администратор
Сообщений: 69
Награды: 1 Награды
За создание сайта
Репутация: 0
Offline


Давно-давно пользователи просили скрипт вывода скриншота видео с YouTube и его показ в Ajax-окне. Вот пока время освободилось несколько минут, решил написать и выложить. Написание данного скрипта реально заняло где-то минут 7-9 от силы. Сделал всё максимально просто и в то же время с несколькими настраиваемыми параметрами отображения видео. Кроме этого есть кнопка "Обновить", которая обновляет сам код плеера и видео начинается сначала.

Напомню, что скрипт настроен на такую настройку, когда вы вводите ссылку на видео в Дополнительное поле 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 видео. Вы только можете изменять размеры видеоплеера и название видео.

И стиль для правильного отображения иконки обновления:

Code
<style type="text/css">    
  .xt-reload{background-position:0 -225px;}    
  .xt-reload-over{background-position:-15px -225px;}  
  </style>


все biggrin
 
Форум-TO-Portal | Всё для TankiOnline и uCoz | Обмен акк ТО » Скрипты для uCoz » Другие скрипты для uCoz » Выводим скриншот с YouTube и видео в Ajax
  • Страница 1 из 1
  • 1
Поиск: