Приветствую, друзья! Сегодня я расскажу, как легко встроить видео из социальной сети VK на ваш сайт, работающий на WordPress. Это особенно полезно, если вы хотите делиться интересными роликами с вашими читателями, не заставляя их переходить на сторонние платформы. Мы разберем всё по шагам, чтобы даже новички смогли справиться.
Кстати в предыдущем посте о том как вставить быстро видео с Рутуба
Зачем это нужно?
Иногда просто вставить ссылку на видео недостаточно. Хочется, чтобы видео воспроизводилось прямо на вашем сайте, без лишних переходов. Для этого используется специальный код — iframe, который позволяет встроить видео с VK на страницу.
Как это работает?
- Вы берете ссылку на видео из VK, например:
https://vkvideo.ru/video-96880569_456239092 - WordPress автоматически преобразует эту ссылку в iframe, и видео появляется на вашем сайте.
Пошаговая инструкция
Шаг 1: Добавьте код в WordPress
- Перейдите в админку WordPress.
- Откройте раздел Внешний вид → Редактор темы.
- Найдите файл
functions.php
и откройте его. - Вставьте следующий код в конец файла:
function vk_video_embed($content) { // Ищем все ссылки на VK $pattern = '/https?:\/\/vkvideo\.ru\/video-(\d+)_(\d+)/'; $content = preg_replace_callback($pattern, function($matches) { $oid = $matches[1]; $id = $matches[2]; return '<iframe src="https://vkvideo.ru/video_ext.php?oid=-' . $oid . '&id=' . $id . '&hd=2&autoplay=1" width="853" height="480" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>'; }, $content); return $content; } add_filter('the_content', 'vk_video_embed');
- Сохраните изменения.
Шаг 2: Вставьте ссылку на видео
- Создайте новый пост или откройте существующий.
- Вставьте ссылку на видео VK в текстовый редактор. Например:
https://vkvideo.ru/video-99565154_456239017
- Опубликуйте пост.
Шаг 3: Проверьте результат
После публикации поста WordPress автоматически преобразует ссылку в iframe, и видео появится на вашем сайте. Оно будет выглядеть так:
Что делает этот код?
- Регулярное выражение ищет ссылки на видео VK в формате
https://vkvideo.ru/video-99565154_456239017
. - preg_replace_callback автоматически заменяет ссылку на iframe.
- add_filter применяет эту функцию ко всему контенту на сайте.
Важные моменты
- Убедитесь, что ваш домен не заблокирован VK. Если видео не отображается, проверьте консоль браузера (F12) на наличие ошибок.
- Если вы используете HTTPS, убедитесь, что iframe также использует HTTPS.
- Если код не работает, попробуйте отключить плагины, которые могут блокировать iframe.
Заключение
Теперь вы знаете, как легко встроить видео из VK на ваш сайт WordPress. Это отличный способ сделать ваш контент более интерактивным и увлекательным для читателей. Если у вас остались вопросы, пишите в комментариях — я с радостью помогу!
2 комментария к “Добавляем видео с VK в WordPress за секунды”
Посмотрел ваше видео на тему, которое меня интересует, но ничего не понял. Жаль, конечно, но не судьба. Голова уже не воспринимает новый материал (почтенный возраст), учиться чему то новому мне сложно. Да и вообще эти цифры, иностранные буквы и слова, для меня всегда были недоступны.
О, если вас интересуют темы быстрого добавления видео на страницы WordPress, то, возможно, вам стоит просто попросить внуков объяснить! А если серьезно, ничего страшного — цифры и иностранные буквы иногда пугают даже молодых. Главное — не сдаваться, ведь возраст — это не помеха, а повод учиться в своем ритме!