Главная » Файлы » Скрипты для uCoz » Другие скрипты |
Воспроизведение видео из вида материалов(из информера) через Lightbox для uCoz
24.06.14, 14:13:10 | |
Я думаю, что все уже видели скрипт Lisnes для фотоальбома. Сегодня для m0ppy я взялся делать нечто подобное Я сделал скрипт, который из вида материалов или из любого информера запускает видео так, как это происходит в модуле видео. Скрипт получился очень простой и любой, даже начинающий скриптер сможет переделать его под свой сайт. Как установить этот скриптик себе? Да все очень просто)) Для начала подключаем себе 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> Потом на странице того модуля, где нужен данный скрипт или в любой глобальный блок помещаем: Код <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 | Демо смотрим тут
| |
Просмотров: 787 | Загрузок: 0 | Комментарии: 7 | |
Всего комментариев: 7 | ||||||||
| ||||||||