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

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

Модификация плагина YouTube PopUp jQuery Plugin для использования в шаблоне CMS DataLife Engine. Может применяться для RSS информеров, в которых используются ссылки на YouTube ролики.
Изменения:
Добавлен ключ ?rel=0 для запрета отображения чужих роликов в качестве похожих видео.

Установка:
1. Загрузить содержимое DLE-CMS/templates/Ваш_шаблон/ в папку вашего шаблона.

2. Открыть шаблон main.tpl и найти:
</body>

Добавить выше:
{* 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>

3. В нужное место шаблона informer.tpl добавить:
<a class="bla-1" href="https://www.youtube.com/watch?v=3qyhgV0Zew0">With Autoplay</a>
<a class="bla-2" href="https://www.youtube.com/watch?v=3qyhgV0Zew0">Without Autoplay</a>

Где класс 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/javascript" src="{THEME}/assets/youtubepopup/YouTubePopUp.jquery.js"></script>
<script type="text/javascript">
	$('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? - вывод плейлиста.

Скачать: файл могут только зарегистрированные пользователи.
 
Версия DLE: 13.х
Кодировка: utf-8
Автор: TCSE
Источник:
  • Oxigen
  • 0
  • 59
Информация
Оставлять комментарии могут только зарегистрированные посетители.
  • Рейтинг@Mail.ru
  • Яндекс.Метрика