Всё для Online игр и даже больше!
 
 
  • Страница 1 из 1
  • 1
Форум » Все Для Ucoz'a » Скрипты для ucoz » Превращение всех видео Youtube на странице в uLightbox V2.0
Превращение всех видео Youtube на странице в uLightbox V2.0
artimДата: Воскресенье, 21.02.2016, 11:24 | Сообщение # 1
Группа: Администраторы
Сообщений: 395
Награды: 4
Репутация: 4


Ещё в 2012 году был сделан скрипт "Превращение всех видео Youtube на странице в uLightbox", одним пользователем знаменитым в системе uCoz под логином Apocalypse
...

Но со временем его чудо скрипт перестал работать, а потребность пользователей в данном скрипте осталась... т.к. скрипт очень полезен для многих сайтов и многие хотели бы, что бы у них видео на сайте не просто воспроизводилось в блоке, а было в uLightbox блоке...

И вот на форуме пользователь под ником k43, попросил так сказать "починить скрипт", что бы видео открывались как и раньше в uLightbox окне... Ну вообщем я подумал подумал, и "поченил скрипт" xd, так что теперь вы сможете им воспользоваться...

Теперь перейдем к установке:

В любое место на нужных страницах:

Код
<div class="videocontent" id="wYoutube" 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=opague');  
  $(this).before('<div class="apovideo ulightbox" style="background:transparent; cursor: pointer; position:absolute; width:'+$(this).attr('width')+'px; height:'+$(this).attr('height')+'px; z-index:2;" href="#wYoutube"/>');  
  }  
  };);  
  // При наведении на оверлей над роликами  
  $('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>
Прикрепления: 1491351.jpg (15.7 Kb)

Оффлайн
Форум » Все Для Ucoz'a » Скрипты для ucoz » Превращение всех видео Youtube на странице в uLightbox V2.0
  • Страница 1 из 1
  • 1
Поиск: