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

Медийная подача улучшает восприятие информации. Инструкции, руководства или учебники будут лучше усвоены, если в них сухой текст подкрепляется видеороликом. Если вы ведете блог на WP, то обязательно думали как лучше вставить видео с YouTuBe или Vimeo. Рассмотрим простые способы.

Вставка с Ютуба вручную

Чтобы добавить ролик с YouTube:

1. Под видео нажмите Поделиться

Видео на YouTuBe

2. Кликните Копировать

Экспорт видео из YouTuBe

3. В редакторе добавьте блок Видео и выберите Вставить с сайта.

Блок Видео

4. Используйте комбинацию [Ctrl]+[V] для вставки, затем нажмите кнопку Применить.

Блок Видео со вставленным роликом

Вставка с YouTube плагином

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

OmniVideo


OmniVideo для встраивания видео

Российское расширение OmniVideo появилось на фоне замедления YouTube, и оно позволяет не только добавить на сайт ролик, но и нивелировать проблемы, которые могут быть связаны с его размещением.

О каких проблемах идет речь:
При добавлении видео напрямую оно вставляется через фреймы. При переходе на страницу пользователь сразу загружает ресурсы, которые ему могут и не потребоваться. Особенно если посетитель не планирует просматривать ролик. 
Вставленный видеоролик c YouTube — это внешняя ссылка, из-за чего могут возникать проблемы с SEO.
Видео напрямую внедряется без микроразметки. А ею сейчас рекомендуется размечать видеоконтент на сайте.

С помощью OmniVideo ролики Ютуб вставляются без обращения к внешним ресурсам в момент открытия страницы (они начинают загружаться только при нажатии на иконку “Play”, а постер подгружается на сервер сайта). Ссылку можно замаскировать. Кроме того, сам блок с роликом автоматически получает необходимую микроразметку.

Один из немаловажных плюсов OmniVideo — работа не только с YouTube, но и с другими видеохостингами. Среди них: Rutube, Mail, Vimeo, ВК Видео, Дзен, Kinescope и др.

Вставить ролик с помощью OmniVideo легко как в классическом редакторе, так и в Gutenberg.

Классический редактор. Для этого используйте шорткод и задайте его параметры через атрибуты: ссылки на ролики, заголовок, дизайн, описание и др. Пример шорткода:

[omnivideo title="Видео" default="vk" vk="https://vk.com/video-137277177_456239073" youtube="https://youtu.be/1TelHiEIGwI" poster="auto" style="pills"]

Рекомендую прочитать статью «Как вставить видео с YouTube в WordPress», где подробно рассмотрены возможности OmniVideo и доступные параметры.

Gutenberg. Для блочного редактора предусмотрен специальный блок “OmniVideo”. В нем выберите нужные параметры из выпадающих списков и задайте ссылки на ролики с разных видеоплатформ.

Видео: как работает блок Gutenberg в Omnivideo

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

Промокод на OmniVideo

ARVE

Рассмотрим популярное дополнение ARVE (Advanced Responsive Video Embedder), которое умеет работать с YouTube и Vimeo. Среди преимуществ:

  • поддержка всех видеохостингов;
  • предоставляет шорткод для вставки;
  • адаптивное встраивание;
  • автоматическая настройка соотношения сторон;
  • автозапуск видео.

Чтобы в WordPress вставить видео на сайт с помощью ARVE, выполните простые шаги.

1. Установите и активируйте плагин.

2. В редакторе записи добавьте блок Шорткод, в который вставьте строку

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

В качестве URL используйте адрес ролика.

Блок Шорткод

Загрузка ролика с компьютера

Если не хотите использовать внешний сервис, можно видеофайл просто разместить на сайте. Для этого откройте запись на редактирование и выберите блок Видео. После клика на Загрузить выберите локальный файл.

Блок Видео в Gutenberg

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

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

Если Вам понравилась статья — поделитесь с друзьями
Михаил Петров
Привет! Меня зовут Михаил Петров. Я копирайтер и занимаюсь этим с 2013 года. Скрупулезность и ответственность - моя фишка! Не могу делать как попало и добиваюсь, чтоб заказчик сказал минимум “неплохо”. За все время своей работы пришлось написать и отредактировать немало разной “текстовухи”, включая SEO-тексты, отзывы и прочую чушь. На сегодняшний день специализируюсь на написании информационных статей и руководств технического направления. Вижу смысл и светлое будущее в текстах для людей, а не для машин.
Обсуждение: 1
  1. алекс

    Здравствуйте!
    Если есть такое, пожалуйста, подскажите плагин который будет включать видео перед загрузкой главной страницы сайта

Задать вопрос