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

Форма входа

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

Olegus
10.06.2026 - 17:55
MagicAI
Подскажите пожалуйста в какие папки загрузить шаблоны и расширенмя.
Pitbull
08.06.2026 - 17:19
Elementor PRO
Читайте файл Readme.txt
Darek
08.06.2026 - 17:15
Elementor PRO
Какой именно архив устанавливать через стандартную инсталляцию плагинов WP загрузкой? Доступны

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

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

Joomla
Zoolanders Essentials YOOtheme Pro (3.0.7) Просмотров: (986 + 5)
WordPress
Unlimited Elements for Elementor Pro (2.0.10) [Nulled] Просмотров: (3 809 + 4)
WordPress
Slider Revolution (7.0.15.0) [Nulled] Просмотров: (7 185 + 3)
WordPress
Edubin (9.5.16) [Nulled] Просмотров: (2 500 + 2)
PHP Scripts
SmartEnd CMS (10.0.4) Просмотров: (2 040 + 2)
WordPress
DWT Listing (3.3.11) [Nulled] Просмотров: (1 895 + 2)
Datalife Engine
iChat Ajax (10.3) Просмотров: (1 348 + 2)
WordPress
Support Board (3.9.0) [Nulled] Просмотров: (1 077 + 2)
WordPress
ArcHub (1.2.14) [Nulled] Просмотров: (465 + 2)
Joomla
Essential Addons for YOOtheme ZOO (3.0.0-beta.9) Просмотров: (304 + 2)
WordPress
SureForms Pro (2.10.0) [Nulled] Просмотров: (120 + 2)
WooCommerce
Ecommax (1.2.0) [Nulled] Просмотров: (73 + 2)
WooCommerce
WoodMart (8.5.2) [Nulled] Просмотров: (12 130 + 1)
PHP Scripts
Sngine (4.3.0 + Addons) [Nulled] Просмотров: (5 395 + 1)
WooCommerce
Electro (3.7.0) [Nulled] Просмотров: (2 603 + 1)
WooCommerce
Urna (2.6.0) [Nulled] Просмотров: (1 686 + 1)
WooCommerce
Cartzilla (1.1.0) [Nulled] Просмотров: (1 343 + 1)
Joomla
SJ Company (3.9.6) Просмотров: (865 + 1)
Joomla
SJ Blossom (3.9.6) Просмотров: (818 + 1)
Joomla
Kitchen Daily (4.2) Просмотров: (779 + 1)