Найти в Дзене
Сендер-зендер

Вставка видео-ВКонтакте на сайт просто и удобно – бесплатный плагин для WordPress

Если без скучных предысторий, то мне в очередной раз понадобилось видео из ВКонтакта постить на сайте (WordPress) и тут «неожиданно» выяснилось, что это за не первый уже год «импортозамещения Ютуба» не только не стало проще (вставка по-прежнему только через html-код в форме фрейма с фиксированными размерами в пикселях, что делает видео на адаптивном-фронтэнде либо с нелепыми чёрными полями вверху и внизу на смартфоне, либо нелепо мелким на ПК), но и все старые интеграции видео стали недоступны, т.к. ВКвидео переехало на отдельный домен. Поиск в сети, из условно приемлемых вариантов, выдал платный плагин (с хорошим, но скорее избыточным функционалом и далеко не для каждого приемлемым ценником), а так же код (в function.php) который, во-первых, уже не работает (требует правки всё из-за той же смены доменов), а во-вторых, не особо удобнее вставки родного кода интеграции (вставлять видео надо через шорткод). Всё это вдохновило меня сначала написать новую функцию – которая работала бы с нов

Если без скучных предысторий, то мне в очередной раз понадобилось видео из ВКонтакта постить на сайте (WordPress) и тут «неожиданно» выяснилось, что это за не первый уже год «импортозамещения Ютуба» не только не стало проще (вставка по-прежнему только через html-код в форме фрейма с фиксированными размерами в пикселях, что делает видео на адаптивном-фронтэнде либо с нелепыми чёрными полями вверху и внизу на смартфоне, либо нелепо мелким на ПК), но и все старые интеграции видео стали недоступны, т.к. ВКвидео переехало на отдельный домен.

вот так, после переезда на vkvideo.ru, выглядят видео ВКонтакте интегрированные старым кодом через vk.com
вот так, после переезда на vkvideo.ru, выглядят видео ВКонтакте интегрированные старым кодом через vk.com

Поиск в сети, из условно приемлемых вариантов, выдал платный плагин (с хорошим, но скорее избыточным функционалом и далеко не для каждого приемлемым ценником), а так же код (в function.php) который, во-первых, уже не работает (требует правки всё из-за той же смены доменов), а во-вторых, не особо удобнее вставки родного кода интеграции (вставлять видео надо через шорткод). Всё это вдохновило меня сначала написать новую функцию – которая работала бы с новым доменом и вставляла просто видео просто по ссылке... сделать это получилось быстро. Тогда было решено добавить адаптивности фрейму - что также было решено успешно... и тут пришла мысль «делать, так делать – оформить как плагин».

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

Ссылка на бесплатный плагин + пояснения

Скачать плагин вставки видео ВКонтакте на сайт WordPress можно здесь. Главное его преимущество, на мой взгляд, кроме прочего – адаптивность.

  • Установка обычная – просто укажите архив для установки в разделе управления плагинами.
  • Все настройки найдёте в разделе «Настройки», объяснять там нечего (кроме того что соотношение сторон фиксированное не из-за моей прихоти, а из-за специфики ВКвидео).
  • Интеграция видео на страницах сайта – просто отдельной строкой укажите ссылку на видео (выглядит так "vkvideo.ru/video-123456789_123456789")
-2

Вопросы и предложения по улучшению пишите в комментариях.