Приветствую Вас Прохожий | RSS Воскресенье, 04.12.2016, 06:53
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 3
Гостей: 2
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Скрипт в режиме превратит все youtube ролики в лайтбокс

Скрипт в режиме превратит все youtube ролики в лайтбокс Скрипт, режиме, превратит, youtube, ролики, лайтбокс
Данный скрипт в автоматическом режиме превратит все найденные youtube ролики в лайтбокс, а это значит, что при клике по ролику его копия будет воспроизведена в lightbox окне.
Механизм работы скрипта прост. Так как у роликов с youtube офигенно большой z-index, то сначала мы нехитрой манипуляцией с адресом ролика дописываем параметр wmode=opaque, после чего накладываем прозрачный оверлей, параллельно перезаписывая ссылку в блоке с готовым фреймом. При клике по оверлею вызываем лайтбокс окно. Более подробное описание никчему

Установка:
В любое место на нужных страницах:
Code
<div id="videocontent" style="display:none;"><iframe width="640" height="360" src="" frameborder="0" allowfullscreen></iframe></div>  
  <script type="text/javascript">  
  var apohtml; // Переменная для проверки ссылки в лайтбокс блоке  

  $(document).ready(function() {  
// Проверка, ролик ли это ютюба + подмена ссылок и наложение оверлея  
$('* iframe').each(function() {  
if($(this).attr('src').indexOf('/embed/') != -1) {  
var aposplit = $(this).attr('src').split('?feature')[0]  
$(this).attr('src', aposplit + '?wmode=opaque');  
$(this).before('<div class="apovideo" style="background:transparent;position:absolute;width:' + $(this).attr('width') + 'px;height:' + $(this).attr('height') + ';z-index:2;" onclick="$(this).children().hide();videoLightbox();return false;" />');  
}  
});  

  // При наведении на оверлей над роликами  
  $('div.apovideo').hover(function() {  
if($(this).next().attr('src') != apohtml) {  
$('#videocontent').find('iframe').attr('src', $(this).next().attr('src'));  
apohtml = $('#videocontent').find('iframe').attr('src');  
};  
  });  

  // Очищаем содержимое лайтбокс блока при закрытии  
  $('#fancybox-overlay, .fancybox-close').click(function(){  
$('div#videocontent').empty();  
  })  
  });  
  </script>
Автор\Источник: http://www.apo-ucoz.com

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 2502 | Комментарии: 2 | Рейтинг: 1.5/8 | |Категория: Скрипты Разное | Добавил: мир | Дата: 29.11.2012 | Скачали: 0 | Теги: ролики, youtube, Скрипт, лайтбокс, превратит, режиме
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 2
2 Freefantom   Дата: 29.11.2012  Время: 22:13   [№ 14142]
Единственное что могло бы дать скрипту нужность это вклеивание рекламмы в окно или прочего мусора

1 Freefantom   Дата: 29.11.2012  Время: 22:03   [№ 14141]
Как по мне - скрипт бесполезный, загружать сайт этим скриптом для чего вобще?

Кто смотрит видео не на весь экран, а из этого аякс окна?
Ведь просмотр в аякс окне чего-либо, например картинки, сделано для того, чтобы по клике на МАЛЕНЬКОЙ картинке она открывалась в аякс окне но уже БОЛЬШАЯ (тоесть чтобы ее рассмотреть не перегружая страницу, плюс быстро закрыть чтобы она не закрывала эллементы под собой), а тут аякс окно в новом стиле, его не свернуть, не переместить, и когда ты нажимаешь на видео то открывается точно такого же размера окно. Типа дайте два!
Тоесть это не будет реализовано как вконтакте. Называется придумай еще 100 трудностей перед просмотром. Рядовой пользователь замучается тыкать пока откроет десяток роликов.


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Куплю сайты с ТИЦ/PR (п...

9

2 Предлагаю услуги для ан...

0

3 Предлагаю услуги по про...

0

4 Комплексный прогон сайт...

51

5 Сайт онлайн фильмов на ...

1

6 Проблема с таблицей

9

7 Отредактировать фото

2

8 Уже все перепробовал )

1

9 Скрипт "Нравится&q...

3

10 Меню для сайта

3


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru