Плагин Video Embedder или как вставить видео на блог

В этой статье разберем, как нормально вставлять видео на WordPress блог при помощи плагина Advanced Responsive Video Embedder (ARVE). Он позволяет легко встраивать ролики с популярных видеосервисов вроде YouTube, RuTube и других, делает их адаптивными под разные экраны и помогает не забивать хостинг тяжелыми файлами.

Почему вообще имеет смысл заморачиваться с видеохостингами? Все просто: вы не храните гигабайты видео у себя на сервере, а берете их с YouTube, RuTube и т.п. В итоге можно использовать даже недорогие тарифы хостинга и при этом разворачивать на WordPress хоть целый онлайн-кинотеатр.

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

Плагин Advanced Responsive Video Embedder

Наш сегодняшний герой — плагин Advanced Responsive Video Embedder (ARVE). Он решает сразу несколько задач:

• делает видео адаптивным (оно подстраивается под ширину экрана, не “вываливается” за границы);
• поддерживает множество видеохостингов (YouTube, RuTube и др.);
• работает через короткие коды (шорткоды), а не через “кривые” iframe;
• позволяет допиливать SEO-поля (заголовок, описание, дата загрузки).

Скачиваем, устанавливаем и активируем плагин ARVE стандартным способом (если нужно, у меня есть отдельная инструкция: как ставить и настраивать плагины для WordPress). Русскоязычную версию плагина можно взять здесь: ru.wordpress.org/plugins/advanced-responsive-video-embedder/

После активации в админке появится пункт меню настроек. Чтобы попасть туда, зайдите во вкладку “Nextgenthemes — ARVE”.

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

Во вкладке «Теги коротких кодов» (шорткоды) лежат дополнительные варианты, которые разработчик сам рекомендует трогать только в случае конфликтов с другими плагинами. Для стандартных задач они не нужны.

Как вставить видео на WordPress блог

У ARVE есть два основных способа вставки видео:

• вручную через шорткод;
• через удобное окно с параметрами (если дополнительно поставить плагин Shortcake).

Вариант 1. Вставка видео вручную через шорткод

Самый простой и надежный способ — использовать шорткод ARVE прямо в редакторе записи.

Алгоритм такой:

1. Откройте запись или страницу, куда хотите добавить видео;
2. Перейдите во вкладку “Текст” (если у вас классический редактор) или вставляйте шорткод в нужный блок, если работаете в Gutenberg;
3. Вставьте конструкцию вида:
   [arve url="адрес_видео"]
   Важно: без пробела между [ и arve.

Пример для YouTube:

[arve url="https://www.youtube.com/watch?v=Z7g8-GxLTSc"]

После сохранения записи и просмотра на сайте плагин сам подхватит ссылку, подтянет плеер и сделает его адаптивным.

Если хотите добавить базовые SEO-данные (заголовок, описание и дату загрузки), можно воспользоваться расширенным вариантом шорткода:

[arve url="https://youtu.be/Z7g8-GxLTSc" title="Название видео" description="Описание видео" upload_date="2017-03-14"]

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

У ARVE есть и другие параметры: можно управлять предпросмотром, поведением автозапуска, соотношением сторон и т.д. За полным списком опций лучше заглянуть в официальную документацию: nextgenthemes.com/plugins/advanced-responsive-video-embedder-pro/Documentation/

Вариант 2. Вставка видео через визуальный интерфейс (шорткоды + Shortcake)

Если вам не хочется держать в голове синтаксис шорткодов, можно пойти вторым путем и использовать визуальный интерфейс. Для этого нужно дополнительно установить плагин Shortcake (Shortcode UI).

После установки Shortcake в редакторе появится отдельная кнопка Embed Video (ARVE).

При нажатии на кнопку всплывает окно с настройками шорткода:

Там уже все интуитивно понятно: вписываете адрес видео, при желании задаете заголовок, описание и дополнительные параметры, сохраняете — и плагин сам генерирует корректный шорткод и вставляет его в запись.

Смысл этого варианта простой: вместо того, чтобы руками писать [arve url="..."], вы заполняете форму, а плагин генерирует шорткод за вас. Удобно, если часто работаете с клиентами или редакторами, которые боятся кода.

Альтернативы плагину ARVE: когда он вообще не нужен

Честно говоря, ARVE — хороший и удобный плагин, но далеко не всегда есть смысл ради него что-то ставить. В ряде случаев можно обойтись стандартными средствами WordPress или другим типом плагина.

Кратко разберем основные альтернативы.

1. Вставка видео без плагинов (через Gutenberg или классический редактор)

Если вы используете современный редактор Gutenberg, то в большинстве ситуаций вообще не нужен никакой плагин:

• просто скопируйте URL видео с YouTube / RuTube / Vimeo;
• вставьте его в пустой блок или добавьте специальный блок “YouTube”, “Видео” и т.п.;
• WordPress сам распознает ссылку и вставит embed-плеер.

В классическом редакторе (старый TinyMCE) работает похожий принцип: в большинстве случаев достаточно вставить ссылку на видео отдельной строкой в визуальный редактор, а WordPress сам превратит ее в плеер.

Плюсы этого подхода:

• никаких лишних плагинов — меньше нагрузки и потенциальных конфликтов;
• встроенная поддержка популярных видеосервисов;
• простота для редакторов и клиентов.

Минусы:

• меньше гибкости и параметров по сравнению с ARVE;
• не всегда удобно управлять SEO-полями и продвинутыми настройками плеера;
• если нужно много нестандартных опций, начнете городить костыли.

2. Вставка видео через iframe-код

Классика жанра: идем на страницу видео (например, на YouTube), нажимаем “Поделиться” → “Встроить” → копируем HTML-код iframe, и вставляем его в запись:

• в классическом редакторе — во вкладке “Текст”;
• в Gutenberg — в блок “Произвольный HTML”.

Плюсы:

• полный контроль над кодом, можно сразу править ширину, высоту, параметры плеера;
• работает даже там, где шорткоды и плагины не умеют (кастомные шаблоны, виджеты и т.п.).

Минусы:

• если не добавить адаптивные стили, iframe легко ломает верстку на мобильных;
• сложнее массово редактировать, если нужно что-то поменять сразу во многих роликах.

3. Другие видео-плагины (для продвинутых задач)

Если задача не просто “вставить ролик”, а сделать из видео мощный инструмент маркетинга (подписки, конверсии, детальная аналитика, интеграция с LMS), то ARVE может оказаться слишком простым.

В таких случаях чаще смотрят в сторону плееров вроде Presto Player, WP Video Lightbox, All-in-One Video Gallery и т.п. Они умеют:

• делать красивые галереи из видео;
• добавлять поверх плеера окна подписки, кнопки, формы;
• плотно интегрироваться с курсами, вебинарами и обучающими платформами;
• глубже контролировать скорость загрузки и поведение роликов.

Но вместе с этим растет и сложность настройки. Для обычного блога или контентного сайта чаще всего достаточно либо стандартных средств WordPress, либо того же ARVE.

Когда выбирать ARVE, а когда обойтись без него

Я бы ориентировался примерно так:

• Нужно просто вставить пару роликов в статьи — используйте стандартную вставку ссылкой или iframe, не плодите плагины.
• Видео на сайте много, нужно, чтобы они были адаптивными, а управлять ими было удобно — ARVE лучший баланс “простота/функционал”.
• Видео — ключевой элемент бизнеса (курсы, платный доступ, сложные воронки) — смотрите уже в сторону более продвинутых плееров.

В любом случае, если вы сомневаетесь, с чего начать — начинайте со стандартной вставки и ARVE. Если поймете, что функционала мало — всегда можно мигрировать на более мощный видеоплеер.

Удачи вам и хороших конверсий с видео на блоге!