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? - вывод плейлиста.
• Кодировка: utf-8
• Автор: TCSE
• Источник
Посетители, находящиеся в группе Гость, не могут оставлять комментарии к данной публикации.