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


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

645
10 из 10
Проголосовало: 11






Ещё в 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 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    404
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 11
    Гостей: 10
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: