FreeNulled

FreeNulled.org

Загрузка...

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

Форма входа

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

Pitbull
25.06.2025 - 19:45
Astra Pro Addon
Заглянуть в содержимое скачанного архива
Valdis
25.06.2025 - 19:19
Astra Pro Addon
Astra Pro Addon (4.11.2 [Nulled]). Тема не устанавливается. При попытке установки появляется
fubu
22.06.2025 - 02:43
WhatsApp Click to Chat Plugin for WordPress
Excellent plugin WhatsApp for WordPress

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

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

Cs-Cart
CS-Cart Ultimate & Multivendor (4.18.3) [Nulled] Просмотров: (5 857 + 10)
WordPress
Elementor PRO (3.29.2 Pro + Kit Library + RUS) [Nulled] Просмотров: (13 803 + 9)
PHP Scripts
MagicAI (9.0.0 + Activation) [Nulled] Просмотров: (1 462 + 8)
WordPress
Quiz And Survey Master (8.1.16 + Addons) [Nulled] Просмотров: (830 + 8)
WordPress
Muusico (2.9.8.1) Просмотров: (110 + 8)
WooCommerce
WoodMart (8.2.3) [Nulled] Просмотров: (7 442 + 7)
PHP Scripts
RISE CRM (3.9.1 + Addons) [Nulled] Просмотров: (3 378 + 7)
Shopify
Ella (6.7.4) [Nulled] Просмотров: (1 458 + 7)
Joomla
SP Page Builder Pro (5.6.1 + Templates) Просмотров: (8 264 + 5)
WordPress
All in One SEO Pack Pro (4.8.3.2 + Addons) [Nulled] Просмотров: (3 591 + 5)
WooCommerce
eMarket (8.1.5) [Nulled] Просмотров: (3 103 + 5)
PHP Scripts
Ultimate POS (6.6 + Addons) [Nulled] Просмотров: (3 057 + 5)
WordPress
Hide My WP Ghost Premium (8.2.12) [Nulled] Просмотров: (643 + 5)
WordPress
Tour Package (2.3.9) [Nulled] Просмотров: (121 + 5)
PHP Scripts
Gusto (3.5) [Nulled] Просмотров: (42 + 5)
WooCommerce
Teapoz (1.1.3) [Nulled] Просмотров: (26 + 5)
Admin Templates
Metronic (9.2.2 [All Full Pack]) Просмотров: (7 355 + 4)
WooCommerce
Shoptimizer (2.8.12) [Nulled] Просмотров: (1 643 + 4)
WordPress
Woffice (5.4.26) [Nulled] Просмотров: (1 407 + 4)
WooCommerce
TopDeal (2.3.19) [Nulled] Просмотров: (1 358 + 4)