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

Скачать архив модуля

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

Доработка плагина https://github.com/tcse/YouTube_PopUp для использования в шаблона DLE CMS. Например для RSS информеров в которых используются ссылки на youtube ролики.
Установка
В файле 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/javascript" src="{THEME}/assets/youtubepopup/YouTubePopUp.jquery.js"></script>
<script type="text/javascript">
jQuery(function(){
jQuery("a.bla-1").YouTubePopUp();
jQuery("a.bla-2").YouTubePopUp( { autoplay: 0 } ); // Disable autoplay
});
</script>
Если же необходимо добавить запуск окна с плеером YouTube для всех ссылок на сайте, которые ведут на https://www.youtube.com/ тогда дополнительно добавьте перед закрывающим тегом
</body>
вставить
$('a[href^="https://www.youtube.com/watch?"]').addClass("bla-1");
и получиться что-то вроде
<script>
$('a[href^="https://www.youtube.com/watch?"]').addClass("bla-1");
$('a[href^="https://youtu.be/"]').addClass("bla-1");
$(".full-content > a.bla-1 img").wrap('<div class="ytpu-container"/>');
</script>
Пользуйтесь.
В комплекте идет шаблон для RSS информеров. Файл называется informer_youtube.tpl
DEMO для DLE
https://chuyakov.ru/#demoVideo
Крайне полезный хак! Позволяет использовать теги RSS информеров не только в шаблоне main.tpl но и в любых иных на ваше усмотрение.
ссылка на сайт разработчика https://lazydev.pro/fcode/42-global-tag-inform.html
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.
Наши разработки / Скачать модули для DLE
Похожие публикации
Снег на сайте - Jquery плагин
Наиболее современный способ реализации падающего снега на вашем сайте, работающем на движке DLE. Все, что требуется - распаковать архив из новости, загрузить папку со скриптами в шаблон сайта и... читать далее
Jquery / Фиксим плагин jGrowl в IE 7
Сегодня с удивлением обнаружил, что популярный в народе jQuery-плагин для показа сообщений jGrowl версии 1.1.1 не работает в IE7. Вернее, сами сообщения отображается, но где-то внизу. В других... читать далее
Переключение шаблонов мобильной и настольной версии сайта в DLE
Хотя сейчас в моде исключительно адаптивные сайты, но они не всегда позволяют максимально эффективно решить задачу по адаптации контента под мобильные устройства. Зачастую проще сделать мобильную... читать далее
TCSE_call-mod для DLE
Модуль «Обратный звонок» предназначен для вывода на сайте формы отправки менеджерам сайта информации с телефоном клиента (если он будет указан). Типовое применение - плавающая панель на корпоративном... читать далее
Шаблон для простого модуля в DLE 13
обсуждение публикации Заготовка под простой плагин для DLE 13 а так же готовые варианты модулей со справочной информацией созданных на основе данного шаблона.... читать далее
Шаблон версии для печати print.tpl для DLE
Страница сайта предназначаемая для печати в современном вебе уже не так актуальна как во времена ЭЛТ-мониторов и отстуствия постоянного онлайна, но в некоторых областях до сих пор есть спрос на такие... читать далее