Как вставить видео на сайт 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 …».
Перед публикацией убедиться, что видео работает, можно нажав кнопку Посмотреть.
Выше было описано несколько способов как разместить видео на сайт в WordPress. Базовые инструменты позволяют вставлять видео, но плагины предоставляют больше возможностей для настройки его размеров, внешнего вида и запуска. Но они не лишены недостатков. Они нагружают и замедляют работу сайта, так как добавляют дополнительный код и файлы на сервер. К тому же бесплатные варианты ограничены в возможностях: мало настроек, отсутствует поддержка с нужными сервисами или некоторых форматов видео. В таком случае, можно попробовать видеовиджет Qform. Он не зависит от библиотеки плагинов и позволяет добавлять видео двумя строчками кода, а также настраивать параметры запуска и отображения в личном кабинете сервиса.