Как встроить видео в WordPress [быстрые и простые способы]

Опубликовано: 2023-12-13

Вы хотите улучшить свой сайт WordPress с помощью привлекательного видеоконтента?

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

В этой статье мы рассмотрим различные способы встраивания видео в записи и страницы WordPress.

Давайте погрузимся!

Стоит ли загружать видео прямо в WordPress?

Да, вы можете, но мы не рекомендуем вам этого делать.

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

  • Повышенная нагрузка на сервер. Видео обычно представляют собой большие файлы. Загрузка их непосредственно на ваш сайт WordPress потребляет значительные ресурсы сервера. Это может привести к медленной загрузке вашего веб-сайта, особенно если вы используете план общего хостинга, где ресурсы ограничены и распределяются между несколькими веб-сайтами.
  • Потребление пропускной способности: каждый раз, когда посетитель смотрит видео на вашем сайте, он потребляет пропускную способность. Если в вашем плане хостинга установлены ограничения пропускной способности, вы можете быстро превысить выделенный лимит. В результате это приводит к дополнительным расходам или даже к временному отключению веб-сайта.
  • Плохой пользовательский опыт: размещение видео на собственном сервере приводит к увеличению времени загрузки и проблемам с буферизацией, особенно для пользователей с более медленным подключением к Интернету. Это может расстроить посетителей и увеличить вероятность того, что они покинут ваш сайт.
  • Ограниченное качество и совместимость видео. Когда вы загружаете видео непосредственно в WordPress, вы несете ответственность за то, чтобы их формат был совместим со всеми устройствами и браузерами. Это может быть технически сложно и отнять много времени.
  • Никакой оптимизации для разных устройств. Платформы видеохостинга, такие как YouTube и Vimeo, автоматически настраивают качество видео в зависимости от устройства зрителя и скорости Интернета. Когда вы размещаете видео самостоятельно, вы упускаете эту оптимизацию, что потенциально ухудшает качество просмотра на мобильных устройствах или для пользователей с более медленным подключением к Интернету.

По этим причинам, как правило, лучше размещать свои видео на специальной платформе видеохостинга, а затем вставлять их на свой сайт WordPress.

При этом давайте посмотрим, как встроить видео в WordPress.

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

Встроить видео на свой сайт WordPress легко. Мы рассмотрим три различных способа выполнения работы.

Они есть:

1) Добавление видео в WordPress с помощью редактора блоков

WordPress — популярная система управления контентом (CMS). Есть несколько способов встроить видео на страницы или записи WordPress. Кроме того, он также поддерживает ряд поставщиков видеоуслуг, таких как YouTube и Vimeo.

Вы можете просто вставить URL-адрес видео в соответствующий блок, и WordPress автоматически встроит его.

В этом разделе мы рассмотрим различные способы встраивания видео в WordPress.

1) Прямая вставка

Таким образом, вы просто помещаете URL-адрес видео в редактор страниц.

Например, вы можете скопировать URL-адрес видео YouTube, которое хотите встроить.

Затем откройте страницу или публикацию WordPress, куда вы хотите встроить видео, и просто вставьте URL-адрес в область содержимого.

После того, как вы вставите URL-адрес видео, WordPress получит код для внедрения и покажет видео YouTube в редакторе контента.

Вставка ссылки на YouTube в сообщение WordPress

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

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

Вот список поставщиков видео из белого списка для автоматического встраивания в WordPress:

  • Мгновенный предварительный просмотр Amazon Kindle
  • Анимото
  • Облако
  • Ежедневное движение
  • Фликр
  • ТЕД
  • ТИК Так
  • Тамблер
  • Твиттер
  • ВидеоПресс
  • Вимео
  • WordPress.tv
  • YouTube

Если вы хотите добавить видео с веб-сайта, которого нет в этом списке, вам понадобится полный HTML-код для встраивания видео.

Просто скопируйте HTML-код, предоставленный видеосайтом, и вставьте его в блок HTML в редакторе.

Добавить HTML-код для встраивания видео

Это вставит видео в ваш пост или на страницу.

2) Блок WordPress

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

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

Блокировка YouTube

Откроется блок YouTube. Теперь вставьте ссылку в поле ввода, чтобы встроить видео.

Добавить URL-адрес видео в блок YouTube

Затем нажмите «Встроить» .

3) Видеоблок

Если ваше видео размещено у провайдера, для которого WordPress не имеет блокировки, это будет полезно.

Просто нажмите значок + , чтобы добавить новый блок, и выберите видеоблок.

Видеоблок WordPress

Теперь нажмите ссылку « Вставить из URL» и вставьте URL-адрес видео.

WordPress вставить видео с URL-адреса

После этого нажмите значок «Возврат» , чтобы встроить видео в свой пост или на страницы.

2) Встраивание видео в WordPress с помощью старого классического редактора

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

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

Затем перейдите в классический редактор и нажмите вкладку «Текст» в правом верхнем углу редактора WordPress.

Вставьте код для встраивания видео в текстовый режим классического редактора WordPress

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

Предварительный просмотр видео в визуальном режиме классического редактора

3) Встраивайте видео с помощью плагинов WordPress

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

1) Престо Плеер

Presto Player — видеоплеер для WordPress

Presto Player — это плагин видеоплеера, который может поднять видео на веб-сайте на совершенно новый уровень. Он может воспроизводить видео из разных источников и имеет удобный аудио- и видеоплеер, которым вы можете полностью управлять.

Presto Player поддерживает видеоглавы, подписку на рассылку по электронной почте, призывы к действию и Google Analytics, а также интегрируется с популярными плагинами LMS и платформами электронного маркетинга.

2) Расширенный инструмент для внедрения адаптивного видео

Расширенный инструмент для внедрения адаптивного видео

ARVE — один из лучших плагинов для встраивания видео в WordPress. Он предлагает несколько полезных функций, но при этом относительно прост в использовании. Прежде всего, ARVE делает все ваши видео WordPress адаптивными, улучшая их функциональность на мобильных устройствах.

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

Кроме того, ARVE поддерживает практически любой видеохостинг, что позволяет легко получать и вставлять видео из любой точки Интернета.

Этот плагин также включает поддержку коротких кодов, CSS и возможность установки выравнивания видео и максимальной ширины.

3) Видеопак

Видеопак

Этот бесплатный плагин WordPress хорош для преобразования вашего веб-сайта в видео-сайт. Вы можете использовать этот плагин для доступа к различным видеоплеерам, включая Video.js, Mediaelement.js, JW Player 6 и Adobe Strobe Media Playback Flash Player.

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

4) ВстроитьПлюс

Встроить плагин Plus YouTube WordPress

EmbedPlus — один из наиболее эффективных плагинов WordPress для встраивания видео с YouTube. С его помощью можно легко создавать видеогалереи YouTube и импортировать плейлист YouTube на ваш веб-сайт.

EmbedPlus предлагает несколько макетов галереи, которые вы можете использовать. Плагин также совместим с наиболее популярными конструкторами страниц, включая Elementor, Visual Composer, Beaver Builder и SiteOrigin.

Как встроить видео в виджеты боковой панели WordPress

Вы можете вставлять видео в виджеты боковой панели WordPress так же, как вы можете вставлять их в публикацию или страницу WordPress.

Просто перейдите в раздел «Внешний вид »Виджеты» в панели администратора WordPress и выберите виджеты, в которых вы хотите показывать свое видео. Затем нажмите значок + , чтобы добавить новый блок.

Далее ищите видео в поле поиска.

Затем выберите тип видео, которое вы хотите включить, нажав на блок.

Добавить новый видеоблок в виджет

Затем поместите URL-адрес видео в поле и нажмите кнопку «Встроить» , и он будет автоматически добавлен в область виджетов.

После этого нажмите кнопку «Обновить» , и видео-виджет появится на вашем сайте WordPress.

Введите URL-адрес вставки видео и нажмите «Обновить».

Теперь посетите свой веб-сайт, чтобы посмотреть живое видео.

Видео виджет на фронтенде

Заключительные мысли о вставке видео в WordPress

Видео могут помочь вам повысить вовлеченность и конверсию на вашем сайте. К счастью, теперь, когда вы прочитали эту статью, вы видите, что встроить видео в WordPress довольно просто.

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

Мы надеемся, что эта статья помогла вам научиться легко вставлять видео в WordPress.

Чтобы узнать больше, посетите другие полезные ресурсы:

  • Как редактировать нижний колонтитул в WordPress [Руководство для начинающих]
  • Как дублировать страницу в WordPress [Простые способы]
  • Как изменить шрифты WordPress [6 простых способов]

Наконец, подписывайтесь на нас в Facebook и Twitter, чтобы быть в курсе последних статей о WordPress и блогах.