uLinv - быстрое преобразование ссылок на видео


uLinv - быстрое преобразование ссылок на видео

1688
10 из 10
Проголосовало: 3






uLinv - это моментально преобразование ссылок на видео и их оформление.
С помощью данного скрипта можно с лёгкостью преобразовать ссылки на видео, изменить их дизайн.
Поддерживаемые видео-сервисы:

1) youtube.com
2) vimeo.com
3) flickr.com
4) rutube.ru

Как работать с этим скриптом?
Добавляем в js следующий код:

Code
$('$1').uLinv({tag: '$2', find: '$3'},$4,'$5');


$1 - html тег, в котором необходимо выполнить преобразование ссылок
$2 - в каком теге искать ссылку, например: "a"
$3 - в каких атрибутах следует вытаскивать ссылку на видео
$4 - всегда ставим true, наверное позже добавлю одну фичу
$5 - html код ссылки, т.е. вы можете изменить стнд. вид ссылок

Переменные для html шаблона ссылки:
{title} - название ссылки
{link} - ссылка сгенерированная на видео в uwnd

Как должно получится:

Code
$('div').uLinv({tag: 'a', find: ['href','title']},false,'<a{link}style="background: rgba(0, 0, 0, 0.702);border-radius: 5px;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.275);color: #FFFFFF;cursor: pointer;text-shadow: 0px 1px 0px #262626;padding:2px;">{title}</a>');


Где "div" выполняет поиск ссылок во всех дивах, к примеру для форума нужно вместо "div", написать ".posttdMessage", тогда скрипт будет выполнять поиск именно в этом блоке.

Плагин uLinv:

Code
function p_url(url){var pattern="^(([^:/\\?#]+):)?(//(([^:/\\?#]*)(?::([^/\\?#]*))?))?([^\\?#]*)(\\?([^#]*))?(#(.*))?$";var rx=new RegExp(pattern);return rx.exec(url)}function uLinvc(host,url){switch(host){case'www.youtube.com':var url=p_url(url);var param_id=url[8].split('?v=');var emd='<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/'+param_id[1]+'?version=3&hl=ru_RU"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+param_id[1]+'?version=3&hl=ru_RU" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>';break;case'vimeo.com':var url=p_url(url);var param_id=url[7].split('/');var emd='<iframe src="http://player.vimeo.com/video/'+param_id[1]+'?portrait=0&color=ffffff" width="560" height="315" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';break;case'www.flickr.com':var url=p_url(url);var param_id=url[7].split('/');var emd='<object type="application/x-shockwave-flash" width="560" height="315" data="http://www.flickr.com/apps/video/stewart.swf?v=109786" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param name="flashvars" value="intl_lang=en-us&photo_secret=27ee8b3ae9&photo_id='+param_id[3]+'"></param> <param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=109786"></param> <param name="bgcolor" value="#000000"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=109786" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&photo_secret=27ee8b3ae9&photo_id='+param_id[3]+'" height="315" width="560"></embed></object>';break;case'rutube.ru':var url=p_url(url);var param_id=url[7].split('.html');param_id=param_id[0].split('/');var emd='<OBJECT width="560" height="315"><PARAM name="movie" value="http://video.rutube.ru/'+param_id[2]+'"></PARAM><PARAM name="wmode" value="window"></PARAM><PARAM name="allowFullScreen" value="true"></PARAM><EMBED src="http://video.rutube.ru/'+param_id[2]+'" type="application/x-shockwave-flash" wmode="window" width="560" height="315" allowFullScreen="true" ></EMBED></OBJECT>';break}new _uWnd('name','Просмотр видео',590,360,{autosize:0,modal:1,align:'center'},emd)}jQuery.fn.uLinv=function(options,http,html){var container=this;var settings=jQuery.extend({tag:"div",find:"href"},options);$(container).find(settings.tag).each(function(k,a){jQuery.each(settings.find,function(i,val){url=$(a).attr(val);var parts=p_url(url);if(parts[5]=='www.youtube.com'||parts[5]=='vimeo.com'||parts[5]=='www.flickr.com'||parts[5]=='rutube.ru'){if(html){$(a).replaceWith(html.replace(/{title}/g,'Смотреть видо с '+parts[5]).replace(/{link}/g,' href="#" onclick="uLinvc(\''+parts[5]+'\',\''+parts[0]+'\')"'))}else{$(a).replaceWith('<a href="#">Смотреть видео с '+parts[5]+'</a>')}}})});return this};


Подключаем этот плагин и у нас всё работает)

Автор: faforty
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
  • Всего комментариев: 2

ahar13
-8
ahar13 написал: Написано 01 Июня 2012 в 22:11
Комментарий №1
[Удалено]

Вовчик
+4
Вовчик написал: Написано 01 Июня 2012 в 22:14
Комментарий №2
Во-первых источник стоит на скрине, а во-вторых, Автор: faforty, которого я указал, и он не написал, что источник тот сайт...

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2113
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Ох. Вижу, что обсуждение очень старое. Но!
На других CMS так же будет все это реализовано. На нормальных CMS.
Такое решение может подойти лишь для landing сайтов. Но и то, не думаю, что там кто то заморачивается в написании какого либо контроллера генерирования шаблона и используют прямо в лоб чистый HTML, поэтому и будут для каждой страницы свои блоки делать.

Поэтому лучше тут все же дописать решение именно для ucoz без загрузки этих лишних блоков на странице. Ведь используя условные операторы этот код даже не будет прогружаться на странице. (Лол. Это ж доли секунд загрузки...) И что? Но давайте делать оптимальнее
Моё авторство:)
  • 1488 написал:
  • 1488 написал:
  • Смысл исходный код? он возвращает после обновление страницы на то положение которое было... или как?
  • 1488 написал:
  • как поставить галки как скрине?
    а то невозможно поставить...
  • Handyman написал:
  • Не появляется код безопасности для обычных пользователей
    Последние темы
    Опрос
    228
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 7
    Гостей: 7
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: