Каталог Youtube-видео со скриншотами (вариант 1)

Сегодня мне удалось сделать интересное решение для одного из своих сайтов, а именно создать Каталог Youtube-видео, где слева от каждого материала скриншот к видео. Что-то похожее сделано на самом Youtube (точнее это у меня что-то похожее).
Вот результат:

Каталог Youtube-видео со скриншотами

Суть: в одной из категорий Каталога статей (мне свой каталог было удобнее создавать именно в этом модуле), материалы будут иметь чуть другой вид, а именно слева будет картинка с самого видео.

Настройка
В модуле «Каталог статей» создаем новую категорию (название выбирайте какое Вам нравится) и запоминаем ID этой категории.

Каталог Youtube-видео со скриншотами

Далее редактируем шаблон
ВНИМАНИЕ!!!
Перед любым редактированием шаблона сделайте его резервную копию, для того, чтобы вернуться к исходному шаблону, если что.
Для этого: в правом верхнем углу находите «Backup шаблона» нажимаете и в появившемся окне там же нажимаете «Создать резервную копию».
Теперь Ваш шаблон сохранен таким, каким он был на момент сохранения.
Если что-то пойдет не так, Вы всегда сможете его восстановить (нажав одноименную кнопку)
Редактировать ЛЮБЫЕ шаблоны нужно очень аккуратно и так, когда Вы точно понимаете ЧТО вы делаете, так как неправильная редакция шаблонов может привести к неисправностям в работе сайта.

Переходим: «Дизайн» — «Управление дизайном» — Каталог статей — Вид материалов

Вставляем следующий код

Обратите внимание на первую строчку — $CID$=’5′
вместо цифры ‘5’, Вам нужно вставить свою цифру, а именно ID Вашей категории.

Из настроек это все. (Скрипт применяемый в этом коде написан естественно не мной. Источник указан внизу этой статьи.)

Особенности добавления материала для категории Youtube

(Подробное описание принципов добавления и редактирования материалов читайте тут)

Открываете свое видео на сайте Youtube

Каталог Youtube-видео со скриншотами

Ниже любого видео есть кнопка «Поделиться» (1)
При нажатии на нее появится ссылка — эо и есть прямая ссылка на это видео. ее нужно вставить в строку: Ссылка на источник материала (обязательно!!! — иначе картинки-скриншота не будет)

Полный текст материала.
Нужно вставить HTML код самого видео. Для этого нажимаеие кнопку «Сгенирировать HTML код» (2) и вставляете его в любое место.

Как правильно вставить?

Если необходим текст до или после видео — пишите что и сколько хотите.
Но, как только нужно добавить видео с Youtube (или любой другой HTML код) выше на панели нажимаете кнопочку HTML

Каталог Youtube-видео со скриншотами

и в появившемся окне вставляете код для Вашего youtube видео. Применить, ок.

Далее работаете дальше, или/и сохраняете материал.

Если Вы не хотите чтобы на Вашем сайте был только каталог, и не было самих видео предлагаю Вашему вниманию Второй вариант Каталога youtube-видео.


Подпишитесь на RSS канал - если Вы хотите первыми узнавать о новых статьях на сайте!!!

Статьи по теме:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *