Видеогалерея с Lightbox и Video

Главные вкладки

Аватар пользователя Elodia Elodia 16 сентября 2011 в 16:43

Добрый день!
Хочу поделиться своим способом создания частично автоматизированной видеогалереи, где видео выводится как превью и при щелчке открывается через Lightbox. Возможно есть более умные и изящные решения, но я думаю, что мой опыт может быть кому-то полезен. Всегда рада узнать какие еще есть варианты.

Используемые модули:
CCK
FileField
Views
Video
Lightbox2
SWF Tools (JW Player)

Итак. Сначала устанавливаем Views и CCK. Устанавливаем FileField, создаем тип материала Видео.
Устанавливаем SWF Tools и настраиваем чтобы он работал с JW Player.

Затем настраиваем Lightbox2 для работы с видео: включаем Enable video support, прописываем путь к видеоплееру - у меня он таков sites/all/modules/swftools/shared/flash_media_player/player.swf, прописываем flashvars (мне нужен автостарт и я прописала autostart=true).
Теперь устанавливаем Video. Есть очень хороший сайт с мануалом по его установке, и я пользовалась им.

Создаем тип материала Видео и добавляем ему поле для загрузки видеофайла с помощью cck настроек модуля video. Это я делала тоже под руководством мануала.
В настройках поля я включила опцию video thumbnail.
Я так и не одолела автоматическую генерацию превью к видео и поэтому я делаю их и загружаю вручную. Я также буду рада советам на этот счет. Но у меня однако же есть возможность подгружать к видеофайлам картинки через специальное поле, которые будут работать как их превью-thumbnail.

Теперь необходимо настроить views, чтобы создать галерею.
Создаем новые view, выбираем Style: Grid (или как вам удобно), Row style (это обязательный момент).
Настраиваем фильтры для вывода типа материала Видео.
Теперь Поля:
- добавляем поле Cодержимое: video - это поле, через которое закачивается видеофайл.
- ставим ему в настройках Exclude from display, Формат:URL to File
- еще раз добавляем поле Cодержимое: video
- устанавливаем флажок Rewrite the output of this field
- в Текст: прописываем код <a href="[field_video_fid]" rel="lightvideo[Videos]">[field_video_fid_1]</a>, воспользовавшись подсказками ниже, где [field_video_fid] - это поле с видеофайлом, которое вы добавили до этого, а [field_video_fid_1] - то же самое поле с видеофайлом, но с которым мы работаем сейчас.
- Формат:Video Thumbnail
- настраиваем Display для нашей галереи
- сохраняем

Наслаждаемся!

Комментарии

Аватар пользователя Lotar Lotar 16 сентября 2011 в 17:28

Ну нормально вабще. Стрелочки только желательно по бокам от видео. А так в ФАК вам дорога с этой темой.

Аватар пользователя z-s z-s 17 октября 2011 в 2:02

Здорово - у меня все никак не получалось!

Кстати, для lightbox2 для видео ОБЯЗАТЕЛЬНО нужны включенные чистые ссылки.

Спасибо!

Аватар пользователя bsyomov bsyomov 14 апреля 2012 в 10:53

Годится только для коротких роликов, и шустрого канала, т.к. до загрузки перемотка невозможна.
Нет даже минимальной защиты контента, даже от хотлинкинга - по ссылке видео прекрасно скачается, ссылка добывается фаербагом в один клик, можно вставлять куда угодно и грузить сайт.
Нет никаких ограничений скорости на клиента, легко забить канал и получить по голове от хостера.
ffmpeg есть не на всех хостингах, и создаёт высокую нагрузку.

В общем решение весьма ограничено применимо.
Нормальное решение требует своего сервера, хотя бы виртуального, и специальных настроек серверного ПО.