Как вставить видео ВКонтакте на WordPress: с помощью плагина или кода

VK Video — популярный сервис для размещения видеороликов, которому не грозит блокировка в России. В статье поговорим о способах вставки на ВордПресс видео ВК.

Зачем вставлять видео ВК на сайты ВордПресс

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

Атрибуты видеоролика ВК Видео

При вставке видео на сайт Вордпресс с помощью тега iframe вы можете добавить атрибуты:

• Рамка вокруг видеоплеера. За ее отображение отвечает атрибут frameborder.
• Режим отображения. Используйте атрибут allow со значением fullscreen для показа видео на полном экране. Если вы для этого же атрибута установите параметр autoplay, видеоролик будет проигрываться автоматически.
• Отступы внутри iframe. За них отвечают атрибуты marginheight (по высоте) и marginwidth (по ширине).
• Отступы снаружи фрейма. Для их установки добавьте атрибуты hspace (по горизонтали) и vspace (по вертикали).
• Стили CSS. Вы можете задать их для фрейма, используя стандартный атрибут style.

Как встроить видеоролик VK Video без WordPress плагина

Расскажу, какие есть способы вставки ВК видео в посты и на страницы в Вордпресс без плагинов.

Инструкция по вставке ВК видео через классический редактор

Чтобы добавить видеоролик на Вордпресс сайт, потребуется:

1. Зайти на страницу видео на платформе ВК.
2. Найти под роликом кнопку с текстом «…Еще».

3. В выпадающем меню выбрать пункт «Экспортировать».
4. Скопировать тег iframe с содержимым в буфер и перейти на сайт.

5. Открыть запись для редактирования в режиме классического редактора WordPress.
6. Перейти на вкладку «Текст» и в нужном месте вставить тег iframe.

Инструкция по добавлению видеоролика через блок Gutenberg

Сначала проделайте первые 4 шага из предыдущей инструкции. Затем завершите вставку видео ВК следующими действиями:

1. Откройте пост для редактирования в блочном редакторе Гутенберг.
2. Выберите блок «Произвольный HTML» и вставьте в него сохраненный код.

3. Обновите страницу.

PHP-код для преобразования ссылки в iframe

Последние версии Вордпресс позволяют вставлять обычную ссылку на видеоролик YouTube, которая после сохранения записи преобразуется в полноценный плеер.

К сожалению, со ссылками на российский видеохостинг ВК такой способ не работает. Но есть способ исправить это.

Вставьте в файл functions.php вашей темы следующий код:

function vk_insertvk_shortcode($atts) {
    $url = $atts['url'] ? '';

    if (preg_match('/vk\.com\/(video|club|videos)/', $url)) {
        if (preg_match('/video-?(\d+)_?(\d+)/', $url, $matches)) {
            $oid = (int)$matches[1];
            $id = (int)$matches[2];
        } elseif (preg_match('/club(\d+)\?z=video-?(\d+)_?(\d+)/', $url, $matches)) {
            $oid = - (int)$matches[1];
            $id = (int)$matches[3];
        } else {
            return '<p>Ошибка в ссылке.</p>';
        }

        $iframe_url = sprintf('https://vk.com/video_ext.php?oid=%d&id=%d&hd=2', $oid, $id);
        return '<iframe src="' . esc_url($iframe_url) . '" width="853" height="480" allow="autoplay; encrypted-media; fullscreen; picture-in-picture;" frameborder="0" allowfullscreen></iframe>';
    }

    return '<p>Ошибка в ссылке.</p>';
}

add_shortcode('vk_video', 'vk_insertvk_shortcode');

Обзор лучших плагинов 2024 года для вставки в Вордпресс ВК видео

Расскажу, какие плагины облегчат вставку видеороликов ВК на страницы WordPress сайта.

ARVE: плеер для встраивания на WP видеороликов с популярных платформ

ARVE — бесплатный Вордпресс плагин. Поддерживает огромное количество видеохостингов, включая российские. Вы можете вставлять видеоролики как в классическом редакторе, так и через интерфейс Гутенберга.

Перечислю ключевые возможности плагина:

• Адаптивность плеера. Окошко с видео подстраивается под любой экран.
• Отключение похожих видео. При желании вы можете задействовать эту опцию, чтобы после проигрывания видеоролика сервис не предлагал посмотреть видео других блогеров.
• Автоматическая микроразметка. Плагин добавляет корректную разметку для повышения видимости в поисковиках.

Vkontakte Online Cinema: импорт видеороликов ВК Video в Вордпресс

Раньше этот бесплатный плагин был доступен в репозитории WordPress, но сейчас он закрыт. Вы можете скачать его только со страницы разработчика на GitHub.

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

OmniVideo: один блок для видео с разных платформ

OmniVideo — премиальное решение от WPShop для добавления видео с популярных сервисов на сайты. Поддерживает такие платформы, как ВК Video, YouTube, RuTube, Kinescope, Mail.ru, Дзен и др.

Чтобы вставить на сайт видео из ВК в классическом редакторе, нужно:

1. Сформировать шорткод вида [omnivideo title="Заголовок ролика" vk="Ваша ссылка на ролик ВК" poster="auto"].
2. Вставить его в нужное место статьи, сохранить изменения и посмотреть, что получилось.

Для вставки в админ-панели через блочный редактор Гутенберг проделайте следующее:

1. В списке блоков отыщите виджет с одноименным названием «OmniVideo».

2. В поле для ссылки ВК добавьте прямой URL ролика. Его можно скопировать в буфер обмена на видеохостинге в том же окошке для экспортирования, где вы получали код iframe.

Как работать с блоком Gutenberg в OmniVideo

YouTube ВК.Видео RuTube

Использование плагина OmniVideo для встраивания роликов ВК — более продвинутый способ по сравнению со стандартной вставкой видео через тег iframe. Он дает следующие преимущества:

Для своих сайтов я использую плагин OmniVideo для встраивания ВК роликов на сайт Вордпресс. Это дает возможность не только заменить заблокированные иностранные сервисы, но и решить проблемы с SEO-оптимизацией и скоростью загрузки страниц при вставке видео.

Скидка на лицензию OmniVideo

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