VK Video — это востребованный сервис для публикации видеоконтента, который остаётся доступным для пользователей в России. В данной статье обсудим, как вставить видео из ВК на сайт WordPress.
Вставить видео ВКонтакте можно двумя способами: с помощью плагина или вручную, используя HTML-код.
Способ 1: Использование плагина
Существует множество плагинов, которые упрощают процесс вставки видео, например, «Embed Plus for Vimeo and YouTube». После установки и активации плагина, в редакторе постов вы сможете легко добавлять видео, просто вставив ссылку на него из ВК.
Способ 2: Вставка кода вручную
Если вы хотите вставить видео без плагина, выполните следующие шаги:
- Перейдите на страницу с видео ВКонтакте.
- Нажмите на кнопку «Поделиться» под видео и выберите «Скопировать ссылку».
- Перейдите в редактор постов WordPress и переключитесь на текстовый режим.
- Вставьте следующий код, заменив ССЫЛКА_НА_ВИДЕО на скопированную ссылку:
<iframe src="https://vk.com/video_ext.php?oid=-ИДЕНТИФИКАТ&id=ИДЕНТИФИКАТ&hash=ХЭШ"></iframe>Не забудьте сохранить изменения и просмотреть пост, чтобы убедиться, что видео отображается корректно.
Таким образом, добавление видео из ВКонтакте на ваш сайт WordPress станет простым и удобным процессом, который привлечет внимание ваших читателей к вашему контенту.
Зачем вставлять видео ВК на сайты ВордПресс
В последние месяцы многие россиянин видеоблогеры стали использовать отечественные платформы из-за ограниченного доступа к зарубежным сервисам.
Рассмотрим несколько ключевых преимуществ VK для загрузки видеороликов и их интеграции на WordPress:
Поддержка множества форматов и качества видео. Не потребуется преобразовывать файлы в другой формат перед загрузкой. Поддержка 4K разрешения обеспечит пользователям блога высококачественное изображение. Картинка автоматически адаптируется под размер экрана, что улучшает скорость загрузки на мобильных устройствах. Менее жесткая модерация. ВКонтакте всегда отличалась менее строгими требованиями к проверке прав на контент в сравнении, к примеру, с YouTube. Это может рассматриваться как плюс или минус, но даёт возможность делиться уникальными материалами, недоступными на других площадках.
Упрощённый процесс вставки. ВКонтакте генерирует код iframe, что позволяет легко интегрировать видео на WordPress сайт. Этот код можно использовать, если вы не желаете устанавливать дополнительные плагины. Однако этот способ имеет свои недостатки, о которых будет рассказано дальше.
Рекомендательная система. Ваша видеозапись может быть просмотрена не только пользователями WordPress, но и в аудитории социальной сети ВКонтакте и её приложения. Если вы хотите ограничить доступ к видео, имеется соответствующая опция.
Сравнивая с внешними платформами, VK также обладает рядом явных преимуществ:
Легкость доступа для российской аудитории. Это, пожалуй, самый важный аргумент для выбора этого видеохостинга. Вы можете спокойно добавлять ролики на VK, не опасаясь потерять доступ к своим медиафайлам.
Встроенное редактирование. Инструмент позволяет удалять ненужные фрагменты и создавать клипы из длинных видео без необходимости заново загружать материалы.
Интерактивные возможности. Социальная сеть предоставляет инструменты для создания интерактивных видеозаписей, что способствует большей вовлечённости пользователей на сайте WordPress.
Атрибуты видеоролика ВК Видео
При добавлении видео на WordPress с помощью тега iframe можно использовать различные атрибуты:
- Рамка вокруг видеоплеера, управляемая атрибутом frameborder.
- Режим отображения. Атрибут allow с параметром fullscreen отвечает за показ видео на весь экран. Также можно добавить autoplay, чтобы видео запускалось автоматически.
- Отступы внутри iframe. Управляются атрибутами marginheight (по высоте) и marginwidth (по ширине).
- Внешние отступы. Для их настройки используйте атрибуты hspace (горизонтально) и vspace (вертикально).
- CSS стили. Задайте их для фрейма, используя атрибут style.
Как встроить видеоролик VK Video без WordPress плагина
Теперь расскажем о способах вставки видео из ВК в записи и страницы на WordPress без использования плагинов.
Инструкция по вставке видео из ВК через классический редактор
Для добавления видео на WordPress потребуется выполнить следующие шаги:
- Перейдите на страницу видео в ВК.
- Нажмите на кнопку «…Еще» под видеороликом.
- В появившемся меню выберите «Экспортировать».
- Скопируйте тег iframe в буфер обмена и перейдите на ваш сайт.
- Откройте запись в классическом редакторе WordPress для редактирования.
- Перейдите на вкладку «Текст» и вставьте скопированный тег iframe в нужном месте.
Инструкция по добавлению видео через блок Gutenberg
Сначала выполните первые четыре шага из предыдущей инструкции. Затем продолжите вставку видео из ВК следующими действиями:
- Откройте пост для редактирования в редакторе Gutenberg.
- Выберите блок «Произвольный HTML» и вставьте в него ранее скопированный код.
- Обновите страницу.
PHP-код для преобразования ссылки в iframe
Современные версии WordPress позволяют вставлять обычную ссылку на видео YouTube, которая преобразуется в полноценный плеер при сохранении записи.
К сожалению, для ссылок на видеохостинг ВК этот метод не срабатывает. Но есть решение данной проблемы.
Добавьте следующий код в файл functions.php вашей темы:
function vk_insertvk_shortcode($atts) {
$url = $atts['url'] ?? '';
if (preg_match('/vk\.com\/(video|club)\/(\d+)_?(\d+)/', $url, $matches)) {
$oid = (int)$matches[2];
$id = isset($matches[3]) ? (int)$matches[3] : null;
$iframe_url = sprintf('https://vk.com/video_ext.php?oid=%d&id=%d&hd=2', $oid, $id);
return '';
}
return 'Ошибка в ссылке.
';
}
add_shortcode('vk_video', 'vk_insertvk_shortcode');Перед редактированием программного кода рекомендуется создать резервную копию вашего сайта и базы данных. В случае отказа работы после внесения изменений, вы сможете восстановить проект из резервной копии.
Обзор лучших плагинов 2026 года для вставки в Вордпресс ВК видео
Теперь рассмотрим плагины, которые упрощают процесс вставки видео из ВК на страницы WordPress.
ARVE: плеер для встраивания видеороликов с популярных платформ
ARVE — это бесплатный плагин для WordPress, который поддерживает множество видеохостингов, включая российские. Вы можете добавлять видео как в классическом редакторе, так и в Gutenberg.
Ключевые возможности плагина:
- Адаптивный плеер. Окошко с видео автоматически подстраивается под размер экрана.
- Отключение показа похожих видео. Вы можете активировать данную опцию, чтобы после окончания воспроизведения не отображались видео других блогеров.
- Автоматическая микроразметка. Плагин добавляет корректные метаданные для повышения видимости в поисковых системах.
ARVE также имеет платную версию PRO с расширенными функциями, включая отложенную загрузку и маскировку ссылок.
Vkontakte Online Cinema: интеграция видео ВК Video в WordPress
Ранее этот бесплатный плагин был доступен на платформе WordPress, но в настоящее время он закрыт. Вы можете скачать его только из репозитория на GitHub.
Расширение позволяет загружать видеозаписи из альбомов групп ВК. После этого на сайте появляются отдельные публикации с загруженными видео, при этом вы можете установить фильтры для исключения ненужных роликов.
OmniVideo: один блок для видео с различных платформ
OmniVideo — премиум-решение от WPShop для добавления видео с популярных сервисов на ваши сайты. Поддерживает такие платформы, как VK Video, YouTube, RuTube, Kinescope, Mail.ru и Дзен.
Чтобы вставить видео из ВК в классическом редакторе, выполните следующие действия:
- Создайте шорткод следующего вида: [omnivideo title=»Заголовок ролика» vk=»Ваша ссылка на ролик ВК» poster=»auto»].
- Вставьте его в нужное место в статье, сохраните изменения и убедитесь, что всё работает.
Для вставки через админ-панель с блочным редактором Gutenberg выполните следующие шаги:
- Найдите виджет с названием «OmniVideo» в списке блоков.
- Вставьте в специальное поле URL ссылки на видео из ВК. Его можно скопировать из окна для экспорта, где вы получили код iframe.