Как вставить видео на сайт Wordpress

Видео – один из самых популярных и востребованных форматов контента. Оно привлекает внимание пользователей, помогает лучше запомнить информацию и взаимодействовать с аудиторией. Если ваш сайт работает на CMS WordPress, и возникла необходимость добавить видео, то сделать это можно разными способами. Рассмотрим их в статье и расскажем, как это сделать.

Вставка базовыми через вордпресс

WordPress предлагает встроенные функции для вставки видео по URL, с ПК или с помощью HTML-кода.

Для этого:

Войдите в админ-панель и в боковом меню выберите пункт «Записи», а затем нажмите «Добавить новую».

Откроется страница редактирования.

Чтобы добавить новый блок нажмите кнопку «+» в верхнем левом углу.

Откроется меню для выбора блока. В строку поиска введите слово «Видео» и выберите соответствующий блок.

Заполним место заголовка и укажем для пример «Медиаконтент».

В появившемся блоке содержатся кнопки для выбора способа загрузки.

Рассмотрим их.

Кнопка Вставить с сайта

Позволяет вставить в Wordpress видео по URL-адресу. Для примера можно взять ролик из YouTube. Перейдите на сервис, найдите и откройте нужное видео. Под плеером нажмите кнопку Поделиться.

В модальном окне скопируйте ссылку.

Вернитесь к редактированию записи в Wordpress.

Нажмите кнопку Вставить с сайта, добавьте ранее скопированный URL и нажмите кнопку Применить.

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

Таким способом получится разместить на сайт Wordpress видео с YouTube. Можно добавить ролик и с других платформ, однако следует удостовериться, что они поддерживают такую возможность.

Кнопка Загрузить

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

После этого он будет размещен в блоке и все, что остается, – это опубликовать.

Допускается размещение нескольких блоков и загрузка видео как с других сайтов, так и с компьютера. Так, можно создать из страницы целую галерею видеороликов.

Вставка с помощью плагина

У WordPress большая библиотека плагинов, как платных, так и бесплатных, для работы с сайтом. Среди них и те, которые предназначены для видео. В качестве примера используем плагин ARVE (Advanced Responsive Video Embedder).

Для начала его нужно установить.

Откройте админ-панель Wordpress, выберите пункт «Плагины», а затем нажмите кнопку Добавить новый.

В поисковой строке введите «ARVE», далее нажмите кнопку Установить в карточке нужного плагина, а затем Активировать.

Перейдите на страницу редактирования записи.

Для загрузки видео понадобится блок «Шорткод». Введите его в поисковой строке и добавьте.

Вставьте код в поле следующим образом:

[arve url="https://youtu.be/Qh3VebBauwo"]

где url – ссылка на видео (подобно тому, как было описано выше на примере YouTube).

Для проверки, опубликуйте запись и перейдите на страницу сайта.

Встраивание HTML-кода

Для этого способа воспользуемся сервисом VK Видео. Для встраивания ролика нам понадобится код фрейма. Работает это так:

Перейдите на сервис VK Видео, найдите нужный ролик и откройте его.

Внутри окна плеера и под ним есть кнопка Поделиться. Нажмите ее.

В открывшемся модальном окне перейдите во вкладку «Экспортировать» и скопируйте весь код внутри тега <iframe>.

Вернитесь на страницу редактирования записи в WordPress.

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

Вставьте скопированный код фрейма в поле «Пишите HTML …».

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

Готовое решение от QForm

Выше было описано несколько способов как разместить видео на сайт в WordPress. Базовые инструменты позволяют вставлять видео, но плагины предоставляют больше возможностей для настройки его размеров, внешнего вида и запуска. Но они не лишены недостатков. Они нагружают и замедляют работу сайта, так как добавляют дополнительный код и файлы на сервер. К тому же бесплатные варианты ограничены в возможностях: мало настроек, отсутствует поддержка с нужными сервисами или некоторых форматов видео. В таком случае, можно попробовать видеовиджет Qform. Он не зависит от библиотеки плагинов и позволяет добавлять видео двумя строчками кода, а также настраивать параметры запуска и отображения в личном кабинете сервиса.