Skype

ali-partners-banner

Как быстро заработать в Интернет и, якобы, (простите за прямоту) Вам ни хрена не придется делать - сегодня советчиков пруд-пруди. Но, как гласит народная мудрость: Дешевый сыр только в мышеловке...


Галерея видео с YouTube и Vimeo для WordPress без плагинов

Пост №   143  от 28 марта 2016   |  Категория: Design, WEB мастеру, Новости, С Миру по нитке  |  Комментариев нет Print

youtube-vimeo Забрел я вчера на пару сайтов по ссылкам о том, как сделать галерею видео с YouTube и «прикрутить» к WordPress блогу. Диву даешься, какой отстой по предложению новоявленные «блогоучителя» предлагают… Везде (по крайней мере на сайтах, где удалось наугад побывать) плагины, плагины… Достали уже этими плагинами!

Неужели до сих пор не понятно, что плагины — это последнее, что должно добавляться в блог, дабы не тормозить сайт? Остальное можно с успехом сделать или ручками или с помощью «всеядного» functions.php. Сегодня будем делать ручками…


Вот простой пример, как «вытащить» миниатюру ролика с YouTube и сделать за 5-8 минут галерею своих (или чужих…) роликов у себя в блоге:

Для этого примера Вам нужен будет один единственный плагин — Wonderplugin Lightbox, чтобы выводить галерею во всплывающем окне, не покидая страницу. Кстати, этот плагин выводит не только видео, но и все подряд… читайте readme в плагине или на странице разработчика.

И так. Скачали и установили плагин. Далее:

  1. Заходим на YouTube и выбираем любой ролик. К примеру такой — https://www.youtube.com/watch?v=dn0truXa5hQ
  2. Смотрим на ID ролика (здесь подсвечено красным) — https://www.youtube.com/watch?v=dn0truXa5hQ
  3. Далее, пропишем на странице, где будет галерея, такой код:

  4. Теперь смотрим на вторую часть кода, где есть ссылка на картинку, «вырванную» из кэша ютуба с нашим роликом под названием default.jpg

https://i.ytimg.com/vi/dn0truXa5hQ/default.jpg — как видите здесь тоже присутствует ID ролика.

Вот и все. Теперь, вместо ID моего ролика, вставляйте в готовый код ID своих видео и публикуйте на страницах, в постах, в виджетах… Если есть желание менять размеры картинок — пропишите в коде свои. Так же, можно прописать теги title.

А для Vimeo ссылка несколько иная.

Этот контент доступен только для зарегистрированных пользователей. Войдите или Зарегистрируйтесь

  1. На странице с роликом копируем ссылку на видео, кликнув правой кнопкой мышки по заголовку ролика и скопировав в буфер обмена
  2. Вставляем скопированную ссылку в пост
  3. Далее — копируем таким же образом ссылку на картинку
  4. И последний шаг — правим код

Где: (обозначено красным)

  1. 107662125ID вашего ролика
  2. 491128598_120x90.jpgкартинка с размерами

Далее — все по схеме, приведенной выше…

Смотрим рабочие примеры ниже:

Удачи и… до новых встреч!

Понравился сайт или статья? Поделитесь с друзьями, кликнув по соответствующей кнопке!

1 звезда2 звезды3 звезды4 звезды5 звезд (Голосовало: 1 )
Загрузка...

Метки: DesignHTMLWEB мастеруYouYube
Обновление статьи: 04.06.2017
Просмотров:   1283
Короткая ссылка: http://tinyurl.com/jssscpy

Подишись на сообщения блога по E-mail и получай свежие новости в числе первых!


Наберитесь терпения - новые публикации в процессе осмысления...


На сегодня в блоге...

  • Подписчиков: 3270
  • Записей: 205
  • Страниц: 29
  • Рубрик: 15
  • Меток: 181
  • Комментариев: 33


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

Комментарии к статьям разрешены только авторизованным пользователям.
Пожалуйста зарегистрируйтесь или войдите, используя свой логнн.

Посетители сайта

Блуждали по сайту сегодня: 120
Смотрят страницу: 1 ( 1 гость)

Календарь публикаций

Пн Вт Ср Чт Пт Сб Вс
 1
2345678
9101112131415
16171819202122
23242526272829
30  

MasterPRO в Twitter’e

Монтаж классического мраморного камина фирмы Hark: youtu.be/2MJa9frS2nc… на @YouTube

Last week from Master PRO's Twitter via Google · reply · retweet · favorite

Информер праздников

Праздники ЛатвииПраздники России

Рубрики

  • Страницы

    Архив


    Погода
    Погода в Юрмале

    влажность:

    давление:

    ветер:

    Prikolizmy.ru: Видео приколы - AeonBlackSun :: Любимое