ali-partners-banner

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


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

Пост №   144  от 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картинка с размерами

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

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

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

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

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

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

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


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


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

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


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

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

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

Блуждали по сайту сегодня: 76
Смотрят страницу: 1 ( 1 гость)
Из них ботов:

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

Пн Вт Ср Чт Пт Сб Вс
 12
3456789
10111213141516
17181920212223
24252627282930
31  

MasterPRO в Twitter’e

Уникальный совет, как похудеть без финансовых затрат…: В наше время, когда изобилие… goo.gl/fb/Vq91W6

About 2 weeks ago from Master PRO's Twitter via Google · reply · retweet · favorite

Календарь праздников


Admin

Регистрация

The Best OnLine Radio

Рубрики

  • Страницы

    Архив


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