www.liex.ru - автоматическое размещение статей с прямыми ссылками

DLE - ролики с Youtube через доп. поле с помощью картинки превью

DLE - ролики с Youtube через доп. поле с помощью картинки превью


Итак, на скриншоте выше каталог сайта на движке DLE, разделенный на три части, где в виде коротких новостей выводятся плитки видеороликов.

Создавал сайт с сериалами и стояла задача создать такой раздел. Трейлеры решил брать с YouTube и нужно было как-то максимально автоматизировать добавление этих роликов в новости DLE.

Разобрался! Придумал! Сделал даже больше, чем планировал! Естественно, код ролика я собирался добавлять через дополнительные поля и с этим проблем нет, ролик добавляется на ура, но!

Но отсутствует картинка, которая должна быть плиткой для коротких новостей и выводится в блоках для топа новостей или кастомов в виде плиток.

Единственный вариант это создавать мини превью, заливать на сайт и публиковать в статью и тогда она попадает под тег image-1. Но это откровенный геморой, куча лишних телодвижений!

И тут я случайно узнал, что для каждого ролика на YouTube создается несколько превью-картинок разного размера и то, что фон для ролика это не видео, а именно эта картинка.

Вот ее то я и решил вытягивать и выводить в шаблон shortstory.tpl, а также и для топа новостей и выборки через тег custom

В итоге я добавляю в доп. поле только хвост ссылки и у меня сразу в трех блоках появляется ролик и из неоткуда картинка. А теперь пошагово настроим такой каталог:

1. Разбираем код ролика
Ниже код ролика: https://www.youtube.com/watch?v=jW-zxbIcfIs&

В конце ссылки, после знака "="(равно) добавляется хвост. Это уникальный код, котрый объединяет адрес страницы на YouTube, код видеоплеера и базу картинок. Выделено красным!




2. Адреса картинок на основе хвоста

https://img.youtube.com/vi/jW-zxbIcfIs/3.jpg
DLE - ролики с Youtube через доп. поле с помощью картинки превью

https://img.youtube.com/vi/jW-zxbIcfIs/2.jpg
DLE - ролики с Youtube через доп. поле с помощью картинки превью

https://img.youtube.com/vi/jW-zxbIcfIs/1.jpg
DLE - ролики с Youtube через доп. поле с помощью картинки превью

https://img.youtube.com/vi/jW-zxbIcfIs/default.jpg
DLE - ролики с Youtube через доп. поле с помощью картинки превью

Ниже еще ссылкы на картинки, но они уже более крупных размеров. Тут я их публиковать не буду, не хочу!

https://img.youtube.com/vi/JMJXvsCLu6s/mqdefault.jpg (320х180)

https://img.youtube.com/vi/jW-zxbIcfIs/0.jpg (480 x 360)

https://img.youtube.com/vi/jW-zxbIcfIs/hqdefault.jpg (480 x 360)

https://img.youtube.com/vi/jW-zxbIcfIs/sddefault.jpg (640 x 480)

https://img.youtube.com/vi/jW-zxbIcfIs/maxresdefault.jpg (1307 x 742)


3. Объединяем
Объединяем код ролика и превью и выводим на сайте. Для этого в файле shortstory.tpl не должно быть ничего кроме кода ролика. Пошагово:

1. Создаем дополнительное поле, называем как угодно, например preview

2. Редактируем файл shortstory.tpl относительно нового доп. поля:

[full-link]

{title}


[/full-link]

Как видно из кода выше код доп. поля стал именно там, где ссылка отличается от остальных, т.е. вместо хвоста!

3. Открываем fullstory.tpl и там, где планируется вывод плеера вставляем такой кодец:

{title}





{full-story}



И теперь при добавлении нового ролика достаточно в графу дополнительного поля вставить хвост ссылки и он автоматически добавится к коду ролика для полных новостей и в код картинки для коротких новостей.

DLE - ролики с Youtube через доп. поле с помощью картинки превью


Просто и менее 30 секунд времени. Самое сложное в данном способе, так это придумать название и выбрать нужные категории :)

Для топа новостей делается аналогично. Достаточно выдернуть код картинки из файла коротких новостей!
Понравилась статья "DLE - ролики с Youtube через доп. поле с помощью картинки превью" из раздела Создание сайта » Решения для DLE? Подпишись на RSS. Будь в курсе всего происходящего на сайте
Комментариев: 0 •  Просмотров: 3420   Дата: 11-мар-2014, 17:53
www.liex.ru - автоматическое размещение статей с прямыми ссылками

Похожие статьи

Комментарии

b
i
u
s
|
left
center
right
|
emo
color
|
hide
quote
translit
© 2010-2015 artemmian.ru v 7.0: flexyflat tpl Designed by artstudios
Карта сайта HTMLКарта сайта XMLПравообладателям
Поисковый анализ сайта