Главная » Файлы » Скрипты для uCoz » Другие скрипты

Воспроизведение видео из вида материалов(из информера) через Lightbox для uCoz
24.06.14, 14:13:10




Я думаю, что все уже видели скрипт Lisnes для фотоальбома. Сегодня для m0ppy я взялся делать нечто подобное smile

Я сделал скрипт, который из вида материалов или из любого информера запускает видео так, как это происходит в модуле видео.

Скрипт получился очень простой и любой, даже начинающий скриптер сможет переделать его под свой сайт.

Как установить этот скриптик себе? Да все очень просто))
Для начала подключаем себе Lightbox, если еще не подключен. Для этого после /head на нужных страницах вставляем:
Код
<link href="http://s37.ucoz.net/src/ulightbox/ulightbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://s37.ucoz.net/src/ulightbox/ulightbox.js"></script>
Где s37 - номер сервера, на котором расположен ваш сайт.

Потом на странице того модуля, где нужен данный скрипт или в любой глобальный блок помещаем:
Код
<script type="text/javascript"> function ShowVideo(videourl){ var vidcode = '<iframe width=\"640\" height=\"360\" src=\"http://www.youtube.com/embed/'+videourl+'?fs=1&feature=oembed&autoplay=1&wmode=transparent" frameborder=\"0\" allowfullscreen></iframe>';$('div#videocontent').html(vidcode);videoLightbox(); $('#fancybox-overlay, .fancybox-close').click(function(){$('div#videocontent').empty();})}</script>  
<div id="videocontent" style="width: 640px; display: none; "></div>


Теперь в виде материалов или в информере к ссылке, по клику на которую будет запускаться наше видео, ставим атрибут onclick="ShowVideo('$OTHER1$')", где $OTHER1$ - поле, в которое помещается кусок ссылки на видео с youtube вида iY4APdw7u2A. Это кусок из полученного кода на видео с youtube и вот полная ссылка для примера: http://youtu.be/iY4APdw7u2A.

Вот и все! Изменяйте как вам нужно и пользуйтесь...

Автор: Grey | Сделано специально для csagm.ru | Демо смотрим тут

Категория: Другие скрипты | Добавил: Apocalypse | Теги: видео, Lightbox, информера), Через, из, ucoz, вида, воспроизведение, материалов(из, для
Просмотров: 657 | Загрузок: 0 | Комментарии: 7 | Рейтинг: 0.0/0
Всего комментариев: 7
0
Добрый день.

Долго и успешно я пользовался данным скриптом на своем сайте (steelie.at.ua). За что Вам большое спасибо!
Но с недавних пор он внезапно перестал работать. Лайтбокс просто не появляется.
Может у Вас есть идеи как это исправить или хотя бы примеры сайтов на которых его тоже использовали, интересно узнать работает ли он там.

Спасибо.

0
http://jsfiddle.net/apoucoz/shks5k4t/ - вот тебе другой метод

P.S. убери вручную подключенный jQuery скрипт. Он уже подключается в uCoz автоматически

0
Спасибо большее за помощь!

0
На здоровье! Надеюсь, помогло smile

0
Очень помогло!
А по поводу скрипта jQuery, то перестает работать слайдер, когда удаляю его. Не знаю почему, если он уже есть в укозе, то не должно бы.

0
Скорее всего потому, что скрипты слайдера ты поместил внутрь head, а jQuery uCoz помещает в самый конец head. Просто вынеси файлы слайдера под head, чтобы jQuery подгружался раньше и всё

0
Действительно так, спасибо!

Имя *:
Email: