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

📅 {date}👁️ {views} просмотров📁 {category}

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

📅 10.09.2020👁️ 5682 просмотров📁 Наши разработки | Плагины для DLE
🏷️ Теги: jquery, плагин, JS, верстка, мы рекомендуем

Теперь в виде плагина для простой установке в свой шаблон.
Официальный репозиторий https://github.com/tcse/DLE-YouTubePopUp

Скачать архив модуля
[attachment=54:youtubepopup_tcse.zip версия 1.0]
[attachment=55:youtubepopup_tcse_1_1.zip версия 1.1]

Что бы на картинки роликов из полной новости в шаблоне fullstory.tpl автоматически накладывались иконки плеера, необходимо тег {full-story} обернуть в класс
{full-story}



Доработка плагина https://github.com/tcse/YouTube_PopUp для использования в шаблона DLE CMS. Например для RSS информеров в которых используются ссылки на youtube ролики.
Установка
В файле main.tpl найти место подключения jQuery, напоминаю, что он уже есть в любой версии DLE.
Обычно он загружается переменной {jsfiles}{AJAX} если скрипты вынесены в конец файла.
Или перед закрывающим тегом


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

{* YouTube_PopUp *}




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

вставить
$('a[href^="https://www.youtube.com/watch?"]').addClass("bla-1");

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



Пользуйтесь.
В комплекте идет шаблон для RSS информеров. Файл называется informer_youtube.tpl

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} если скрипты вынесены в коней файла.
Или перед закрывающим тегом

Если используется классический способ подключения стилей и JS.
После jQuery Вставить:
{* YouTube_PopUp *}



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

Где класс bla-1 - открытие модального окна с автоматическим запусков видео, а класс bla-2 - открытие окна с отключенным автозапуском видео.
Если же необходимо добавить запуск окна с плеером YouTube для всех ссылок на сайте, которые ведут на https://www.youtube.com/ тогда добавьте
 $('a[href^="https://www.youtube.com/watch?"]').addClass("bla-2");

и получиться что-то вроде
{* YouTube_PopUp *}



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

старый репозиторий YouTube PopUp jQuery Plugin Для DataLife Engine


https://github.com/tcse/YouTube_PopUp

DEMO для DLE
https://chuyakov.ru/#demoVideo

Крайне полезный хак! Позволяет использовать теги RSS информеров не только в шаблоне main.tpl но и в любых иных на ваше усмотрение.
[attachment=24:globalnyj-teg-inform.xml]
ссылка на сайт разработчика https://lazydev.pro/fcode/42-global-tag-inform.html

Если вы используете плагин AutoRSS с автоматической загрузкой из RSS видео с Ютуб, то имеет смысл расширить JS файл на следующий код.