Youtube видео в всплывающем окне в Друпале

Долго искал решение для реализации воспроизведения youtube роликов на сайте в модальном окне. Решил поделиться решением, которое я нашел.

Для реализации понадобятся следующие модули:
 Views
 Media
 Media: YouTube
 Colorbox

  1. Добавляем к типу материала поле "Элемент мультимедиа" для вставки видео.
  2. В настройках поля у параметра "Allowed remote media types" ставим "Video", а у параметра "Допустимые URL схемы" ставим "youtube:// (YouTube videos)".
  3. Переходим к настройкам модуля Media: Конфигурация » Мультимедиа » File types. Вкладка "Управлять отображением файла". Для вида "Предпросмотр" должна стоять галочка только напротив "YouTube Preview Image". Для вида "Большой" только напротив "YouTube Video".
  4. Создаем страницу с views.
  5. Добавляем поле с видео и ставим галочку "Исключить из вывода". Сохраняем и снова заходим для редактирования. В "Средство форматирования" выбираем "Мультимедиа", в "Режим просмотра файла" выбираем "Пердпросмотр".
  6. Добавляем второе поле с видео и ставим галочку "Исключить из вывода". Сохраняем и снова заходим для редактирования. В "Средство форматирования" выбираем "Мультимедиа", в "Режим просмотра файла" выбираем "Большой".
  7. Добавляем поле "Colorbox trigger". В поле "Trigger field" выбираем видео с предпросмотром. В поле "Всплывающее окно" вставляем подстановочный шаблон (token) с видео с режимом предпросмотра "Большой". Можете установить ширину и высоту модального окна, какую захотите.
  8. Сохраняем views и проверяем.

Автора автора

Комментарии