Превращение всех видео Youtube на странице в uLightbox V2.0

1356
10 из 10
Проголосовало: 13






Ещё в 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>


На этом как бы все...
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/ && http://www.apo-ucoz.com/
  • Всего комментариев: 22

BlackHARD
0
BlackHARD написал: в материале Написано 21 мая 2016 в 21:13
Комментарий №22
На демо-странице скрипт и щас перестала работать XD

k43
0
k43 написал: в материале Написано 16 Февраля 2016 в 10:44
Комментарий №19
На демо не работает. Но скрипт рабочий! Вовчик, спасибо огромное!!!

Вовчик
+1
Вовчик написал: в материале Написано 16 Февраля 2016 в 17:43
Комментарий №20
у меня на демо все работает...

Marishka
+1
Marishka написал: в материале Написано 16 Февраля 2016 в 20:19
Комментарий №21
На широкоформатниках просто div слазит с видео!. Окно div слева видео центрируется по центру!.

Решаем просто:
Меняем в скрипте: position:absolute; На position:relative;margin-bottom:-315px;

BLAzER
+1
BLAzER написал: в материале Написано 08 Февраля 2016 в 07:58
Комментарий №18
Какой-то странноватый хайд biggrin

k43
0
k43 написал: в материале Написано 08 Февраля 2016 в 01:33
Комментарий №17
Ураааа)) Вовчик спасибо!) наконец таки под мой дизайн я смогу сделать отображение видео с YouTube нормально. Жду открытия smile

ДжиНико
+1
ДжиНико написал: в материале Написано 07 Февраля 2016 в 23:43
Комментарий №15
Еще один плод моих размышлений. 10 комментариев - слишком большой порог, я считаю. Так как конструктивно оценить материал без демо версии и пробы в установке могут не все. Хотя это, возможно, спровоцирует пользователей больше внимания обращать на детали, реализацию.

Вовчик
+1
Вовчик написал: в материале Написано 08 Февраля 2016 в 00:04
Комментарий №16
Согласен, что 10 многовато без какого-либо наглядного примера... Но если было бы демо, то люди без труда рипнули и все, т.е. получилась бы какая-то бессмыслица))

Да и вообще, я понял, что эта идея провальная, т.к. никто не хочет комментировать кота в мешке... а в друг у них работать не будет, или они сами себе смогут такое сделать, или еще 100500 причин, по которой нет смысла писать коммент непонятно на что...

ДжиНико
+1
ДжиНико написал: в материале Написано 07 Февраля 2016 в 23:38
Комментарий №14
Только сейчас обратил внимание, что стримерша и здесь засветилась )
Еще один комментарий плодить не хотел, но возможности редактирования своих комментариев (для последующего апдейта) не увидел )

ДжиНико
+1
ДжиНико написал: в материале Написано 07 Февраля 2016 в 23:34
Комментарий №13
Внесу свою лепту, дабы открыть материал к просмотру. Конструктивно и без мяукания. Скрипт окажется очень удобным, позволит пользователям(владельцам и администраторам сайтов) более тесно склеить свои сайты с видеохостингом, просмотр видео в таком варианте менее ассоциируется с просмотром встроенного видео (просто код на айфрейм), еще один плюс - концентрация внимания. Пользователь, включив видеоролик, сконцентрируется на нем. Еще можно прописать на вызов окна затемнение фона, что позволит еще более преобразить просмотр. У себя такое реализовывать не планирую, но, рассматривая с точки зрения любителя посмотреть видео в сети, скажу, что этот скрипт очень полезен, больше того, он оправдает себя. Да и вообще радует, что в сети осталось место, где люди под ucоз что-то делают. Оригинальное, полезное, качественное. Благодарю не за себя, а за тех, кто воспользуется этим скриптом.

Roman_Domnin
+1
Roman_Domnin написал: в материале Написано 07 Февраля 2016 в 22:31
Комментарий №11
уже 11

Вовчик
+1
Вовчик написал: в материале Написано 07 Февраля 2016 в 22:36
Комментарий №12
да хоть сто 11, тут пусть еще по гавкают))

мне не нужно тупо набивать комментарии, мне нужны осознанные комментарии, или люди реально разучились говорить, высказывать свою точку зрения, обсуждать то или иное?!

marselo725
+1
marselo725 написал: в материале Написано 07 Февраля 2016 в 22:11
Комментарий №10
мяу мяу

marselo725
+1
marselo725 написал: в материале Написано 07 Февраля 2016 в 22:11
Комментарий №9
мяу

marselo725
+1
marselo725 написал: в материале Написано 07 Февраля 2016 в 22:11
Комментарий №8
Охото быстрее увидеть материал

Maksim7359
-1
Maksim7359 написал: в материале Написано 07 Февраля 2016 в 18:18
Комментарий №5
коммент

Вовчик
+1
Вовчик написал: в материале Написано 07 Февраля 2016 в 19:04
Комментарий №6
такие комменты учитываться не будут, будут учитываться примерно такие, как оставил пользователь Unknown9024 (самое первое сообщение).
вообщем будут учтены только, оценки материала типо плохой или хороший и почему, и работоспособность скрипта и т.д. а флуд учитываться не будет tongue

BARABANTEMO
-2
BARABANTEMO написал: в материале Написано 06 Февраля 2016 в 19:27
Комментарий №2
Какой смысл выкладывать материал на сайт если его нельзя просмотреть (без 10 комментариев) или вам на сайте не хватает комментариев не пойму

Вовчик
+4
Вовчик написал: в материале Написано 06 Февраля 2016 в 19:54
Комментарий №3
Смысл в том, что я делаю материал, и выкладываю его бесплатно, и поэтому я какое хочу, такое условие и ставлю... захочу поставлю 10 комментов, а захочу 10 лайков, это мое решение т.к. этого материала нет на других сайтах такой тематики, на которых уже в тысячный раз выкладывают одни и тот же материал...

а комментариев на сайте хватает

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

BARABANTEMO
-1
BARABANTEMO написал: в материале Написано 07 Февраля 2016 в 10:47
Комментарий №4
Ну хорошо ваш сайт ваши условия не спорю

Unknown9024
+3
Unknown9024 написал: в материале Написано 06 Февраля 2016 в 16:40
Комментарий №1
Код
<div id="video" style="display:none;">Тут допустим фрейм с You Tube</div>
<a class="ulightbox" href="#video">текст или картинка</a>


Так наверное или покруче? Даёшь 10 комментов!,хочу глянуть скрипт)

marselo725
+1
marselo725 написал: в материале Написано 07 Февраля 2016 в 22:10
Комментарий №7
и я

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2126
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 432
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • geleson2222 написал:
  • ?
  • Doc120 написал:
  • /* Скрывает каперайт ucoz */
    .banner_u {
    opacity:0.2 ;
    }
    /* ----------------- */
    opacity:0.1 ; это легальное скрытее $POWERED_BY$
    ставим в ccs не ставте 0.0 тоже за банят 1.1 можно сам пользуюсь.
  • Doc120 написал:
  • Ставим в ccs и все
    /* Скрывает каперайт ucoz */
    .banner_u {
    opacity:0.2 ;
    }
    /* ----------------- */
  • topkalife написал:
  • Было бы лучше если бы данный скрипт работал)
  • k43 написал:
  • Возможно из-за капчи для пользователей
    Последние темы
    Опрос
    333
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей:
    • Обратная связь
    • Правила
    • RSS
    • +18
    • Мобильная версия
    • Хостинг от uCoz
    • Хостинг от uCoz
    • Copyright - webo4ka.ru © 2010-2024 г.
    • Design by Вовчик
      Администратор:)