FreeNulled FREENULLED.ORG Каталог web-ресурсов для сайтов

Форма входа

Последние комментарии

Pitbull
13.02.2026 - 18:11
RSForm! PRO
Модули качайте по синей кнопке
ak.virtech
13.02.2026 - 10:59
RSForm! PRO
В последнем обновлении 3.4.5 нет модулей и плагинов, как указано на странице
7999
12.02.2026 - 16:02
Admin Menu Editor Pro
Отличный плагин, можно баловаться с менюшкой как угодно 10+

YouTube PopUp jQuery Plugin для DataLife Engine - Показ видео с youtube по ссылке на страницу ролика

YouTube PopUp jQuery Plugin для DataLife Engine

Доработка плагина для использования в шаблона DLE CMS. Например для RSS информеров в которых используются ссылки на youtube ролики. Исходный плагин, перенесен в структуру папок шаблона DLE.

Что в комплекте:

папка [DLE-CMS] содержит готовый набор для добавления в свой шаблон.
папка [original] содержит исходную версию модуля.

Улучшения

Добавлен ключ ?rel=0 для запрета отображения чужих роликов в качестве похожих видео.

Установка в DLE

Загрузить содержимое папки DLE-CMS/tempaltes/{THEME} в ваш шаблон на сайте.

В файле main.tpl найти место подключения jQuery, напоминаю, что он уже есть в любой версии DLE. Обычно он загружается переменной 

{jsfiles}{AJAX}

если скрипты вынесены в коней файла.

Или перед закрывающим тегом

</body>


Если используется классический способ подключения стилей и JS.

После jQuery Вставить:

{* YouTube_PopUp *}
<link rel="stylesheet" type="text/css" href="{THEME}/assets/youtubepopup/YouTubePopUp.css">
<script type="text/jаvascript" src="{THEME}/assets/youtubepopup/YouTubePopUp.jquery.js"></script>
<script type="text/jаvascript">
  jQuery(function(){
      jQuery("a.bla-1").YouTubePopUp();
      jQuery("a.bla-2").YouTubePopUp( { autoplay: 0 } ); // Disable autoplay
  });
</script>


В шаблоне RSS информера informer.tpl для загрузки роликов по клику на картинку-превью с ютуба использовать код


Где класс bla-1 - открытие модального окна с автоматическим запусков видео, а класс bla-2 - открытие окна с отключенным автозапуском видео.

Если же необходимо добавить запуск окна с плеером YouTube для всех ссылок на сайте, которые ведут на https://www.youtube.com/ тогда добавьте

 $('a[href^="https://www.youtube.com/watch?"]').addClass("bla-2");


и получиться что-то вроде

{* YouTube_PopUp *}
<link rel="stylesheet" type="text/css" href="{THEME}/assets/youtubepopup/YouTubePopUp.css">
<script type="text/jаvascript" src="{THEME}/assets/youtubepopup/YouTubePopUp.jquery.js"></script>
<script type="text/jаvascript">
    $('a[href^="https://www.youtube.com/watch?"]').addClass("bla-2");
    jQuery(function(){
      jQuery("a.bla-1").YouTubePopUp();
      jQuery("a.bla-2").YouTubePopUp( { autoplay: 0 } ); // Disable autoplay
    });
</script>


Пояснение:
Сылка вида https://www.youtube.com/watch? - отвечает за формирование адреса на страницу с конкретным роликом.
Ссылка вида https://www.youtube.com/channel/ - вывод роликов с определенного канала (для работы скрипта отображения в модальном окне не подходит)
Ссылка вида https://www.youtube.com/playlist? - вывод плейлиста.

+ в архиве Крайне полезный хак! Позволяет использовать теги RSS информеров не только в шаблоне main.tpl но и в любых иных на ваше усмотрение. 


Скачать YouTube PopUp jQuery Plugin для DataLife Engine

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
ShopThemes - Vendor Marketplace

Популярное за день

PHP Scripts
66biolinks (64.0.0 Extended + Pro Blocks Pack) Просмотров: (1 870 + 8)
WordPress
Elementor PRO (3.35.1 Pro + RUS) [Nulled] Просмотров: (20 431 + 4)
WooCommerce
WooCommerce PDF Catalog Pro (2.3.0) Просмотров: (155 + 4)
WordPress
Ultimate Affiliate Pro (9.5.4) [Nulled] Просмотров: (1 882 + 3)
WordPress
Mirasat (1.1.1) [Nulled] Просмотров: (1 793 + 3)
WordPress
Malta (1.1.8) Просмотров: (646 + 3)
Datalife Engine
RelaxTube (2.0) Просмотров: (565 + 3)
PHP Scripts
Qixer (3.2.0) [Nulled] Просмотров: (560 + 3)
Datalife Engine
Avatar (1.0) Просмотров: (352 + 3)
WordPress
Bookly Deposit Payments (Add-on) (3.8) [Nulled] Просмотров: (183 + 3)
Shopify
Concept Просмотров: (87 + 3)
Mobile Apps
Classic Radio (02 August 2023) Просмотров: (58 + 3)
WordPress
Madara (2.2.7.1) [Nulled] Просмотров: (1 898 + 2)
Shopify
Kalles (5.1.0.0) Просмотров: (1 862 + 2)
OpenCart
Import/Export PRO (9.3.7) Просмотров: (1 461 + 2)
WordPress
Smoother (2.0.3) Просмотров: (1 239 + 2)
WooCommerce
GreenMart (4.2.13) [Nulled] Просмотров: (1 199 + 2)
WooCommerce
One Page Checkout For WooCommerce (2.8.5) [Nulled] Просмотров: (1 099 + 2)
WordPress
Luna Web Radio Player (6.22.04.21) Просмотров: (1 041 + 2)