Полное руководство по использованию видео в WordPress

Приветствую!

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

Полное руководство по использованию видео в WordPress

Каждый день люди в Интернете смотрят миллиарды и миллиарды видео. Это, ну, тонны видеоконтента. И это также показатель того, что вы, вероятно, хотите включить видеоконтент на свой сайт WordPress. Если ваш сайт или блог стагнирует по трафику, и вы ищете методы для увеличения посетителей, видео – отличный способ сделать это, открыв канал YouTube и создав регулярные видео, чтобы идти вместе с вашим обычным письменным контентом, вы будете подвергать свой бренд совершенно новой аудитории. Размещая видео на сайте, таком как YouTube или Vimeo, вы будете получать трафик от своих внутренних поисковых систем, а также ваши видео начнут появляться в регулярных результатах поиска по ключевым словам, связанных с ним.

Но как вы можете использовать видео на вашем сайте WordPress? Легко ли вставлять видео? И как вы на самом деле собираетесь это сделать?

Я собрал это полное руководство для начинающих, чтобы помочь вам разобраться с использованием видео на вашем сайте WordPress. В этом посте вы узнаете, как добавлять видео из следующих источников:

  • YouTube видео
  • Vimeo видео
  • Другие источники видео
  • Самостоятельные видео

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

Давайте начнем.

Как встроить отдельные видео YouTube в WordPress

Вставить видео YouTube в WordPress удивительно просто. Серьезно, если вы никогда не делали этого, держу пари, вы удивитесь, насколько это легко.

Вы знаете, как YouTube дает вам код для встраивания на страницу каждого видео? Да, забудьте об этом.

Вам это не нужно!

Вместо этого все, что вам нужно, это фактический URL видео, которое вы хотите вставить. Когда у вас есть URL, все, что вам нужно сделать, это вставить его на вкладку “Visual” (Визуально) редактора WordPress следующим образом:

отдельные видео YouTube

Почти мгновенно WordPress автоматически преобразует необработанную ссылку YouTube в код для вставки:

код для вставки

Это не намного проще, чем это! Единственное, что нужно помнить, это убедиться, что вы находитесь на вкладке “Visual” (Визуально) редактора WordPress. Этот метод не будет работать на вкладке “Текст”.

Другой способ встроить видео YouTube из его URL-адреса – нажать кнопку «Добавить медиафайл» и выбрать «Вставить из URL-адреса». Затем просто вставьте ссылку на YouTube и нажмите “Вставить” в сообщение:

Добавить медиафайл

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

В то время как базовая функциональность WordPress для встраивания YouTube в большинстве случаев хороша, вы определенно столкнетесь с ситуациями, когда вам понадобится немного больше контроля над тем, как вы вставляете видео YouTube в WordPress.

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

В таких ситуациях лучше всего обратиться за помощью к стороннему плагину YouTube. Существует множество бесплатных и платных опций, но хорошей отправной точкой является плагин YouTube Embed с креативным названием (sic).

Вот что может сделать плагин:

  • Вставить галерею видео YouTube
  • Непрерывная игра и/или автоигра
  • Автоматическое встраивание в эфир
  • Адаптивный дизайн размера
  • Множество других мелких функций

Вот как использовать плагин:

После установки и активации плагина YouTube Embed вы получите новую кнопку “YouTube” в интерфейсе редактора WordPress:

YouTube Embed

Нажатие на кнопку откроет интерфейс, который предоставит вам различные варианты вставки YouTube:

варианты вставки YouTube

Если вы нажмете на опцию, плагин даст вам конкретные инструкции о том, что делать дальше. Например, чтобы встроить одно видео, все, что вам нужно сделать, это вставить URL-адрес, как обычно:

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

Чтобы настроить различные параметры работы встроенных видео на YouTube, перейдите на вкладку “YouTube Free” (Бесплатный YouTube) на боковой панели панели инструментов. Некоторые функции требуют “Pro” версии плагина, но большинство из них можно настроить в бесплатной версии:

YouTube Free

Вам также может понадобиться ввести ключ API YouTube, чтобы включить некоторые типы встраивания. Плагин может провести вас через весь этот процесс, если это необходимо.

Другие полезные плагины WordPress для встраивания видео с YouTube

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

  • Yottie – популярный и доступный плагин, который дает вам более 100 настраиваемых параметров для встраивания ваших видео на YouTube.
  • Video Gallery – еще один доступный плагин, который может помочь вам создавать видео галереи из видео YouTube, а также из других источников, таких как Vimeo.

Как вставить видео с YouTube в заголовок

Давайте закроем раздел YouTube с одной функцией, которая является довольно новой для WordPress. Предполагая, что ваша тема поддерживает это, теперь вы можете добавить фоновое видео заголовка из видео YouTube. Эта функция особенно доступна в стандартной теме WordPress “Twenty Seventeen”.

Чтобы получить доступ к этой функции, перейдите во “Внешний вид – Настройка”. Затем выберите параметр “Заголовок”. Оттуда все, что вам нужно сделать, это вставить URL-адрес видео, которое вы хотите использовать в качестве фона:

Заголовок

Опять же – не все темы поддерживают эту функцию. Но если ваша тема поддерживает – это простой способ создать фоновый видео-заголовок.

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

У меня хорошие новости! Встраивание видео Vimeo в WordPress так же просто, как встраивание видео YouTube. То есть все, что вам нужно сделать, это взять URL-адрес видео, которое вы хотите встроить, и вставить его в редактор WordPress.

Затем вы увидите предварительный просмотр вашего видео:

просмотр вашего видео

Для большего контроля над вашими видео WordPress Vimeo, бесплатный плагин Vimeography является хорошим вариантом, который позволяет вам создавать видео галереи Vimeo на WordPress.

Помимо этого, вы также можете изменить внешний вид вашей галереи Vimeo с помощью встроенного редактора внешнего вида.

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

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

Если желаемый источник видео не поддерживается, вы обычно можете встроить его:

  • Копирование фактического кода встраивания этого видеоисточника (не URL)
  • Вставка этого кода для вставки на вкладку “Текст” редактора WordPress.

редактора WordPress

В приведенном выше примере показано, как встроить видео “Wistia” в WordPress.

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

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

Хорошо, вы определенно можете размещать свои собственные видео в WordPress. Но прежде чем мы доберемся до этого, важно провести обсуждение того, действительно ли вы должны самостоятельно размещать видео в WordPress.

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

Так…

Вот почему вы должны дважды подумать, прежде чем самостоятельно размещать видео в WordPress

Если вы намерены самостоятельно размещать свои видео на WordPress, я расскажу вам, как это сделать за секунду. Но сначала, вот несколько причин, почему использование бесплатного сервиса, такого как YouTube или Vimeo, обычно является лучшим вариантом:

  • Пропускная способность сервера – видео файлы огромны. В то время как Google имеет полные страны серверов (небольшая гипербола), ваш сервер не имеет такой же мощности передачи, особенно на виртуальном хостинге. Даже если ваш хост предлагает «неограниченную» полосу пропускания, есть большая вероятность, что вас отключат, если вы будете использовать ее слишком много.
  • Медленное видео – даже если вы используете CDN для доставки своих видео (что может помочь с пропускной способностью сервера), вы все равно, вероятно, никогда не загрузите свои видео так быстро, как YouTube или другие.
  • Различные форматы и качества видео – когда-нибудь замечали, как YouTube позволяет легко переключаться между различными качествами видео? Если вы попытаетесь самостоятельно разместить видео, вам придется делать все это вручную. Это проблематично.
  • Меньшая видимость – знаете ли вы, что YouTube является второй по величине поисковой системой в мире? Когда вы размещаете видео самостоятельно, вы теряете доступ к огромному количеству запросов, которые происходят на YouTube.

Таким образом, у вас есть это – размещение ваших видео на YouTube или другом специализированном видео провайдере – почти всегда ваш лучший вариант. Но если вам абсолютно необходимо самостоятельно разместить видео в WordPress, вот как это сделать…

Как самостоятельно размещать видео в WordPress

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

После загрузки используйте интерфейс “Insert Media” (Вставить медиа), чтобы вставить их с помощью опции “Embed Media Player” (Добавить Media Player):

Embed Media Player

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

параметры ширины и высоты

В противном случае вы готовы опубликовать собственное видео. Вот пример того, как выглядит видеоплеер WordPress на внешнем интерфейсе:

на внешнем интерфейсе

Как добавить видео на боковую панель вашего сайта WordPress

Наконец, давайте округлим ситуацию с помощью довольно новой функции WordPress. Начиная с WordPress 4.8, WordPress по умолчанию включил новый виджет “Видео”.

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

Чтобы использовать его, перейдите в “Внешний вид – Виджеты” и перетащите его на виджет “Видео”. Затем вы можете вставлять видео, вставляя их URL или выбирая файлы из вашей медиатеки:

а виджет

Завершение дела

И это завершает наше руководство о том, как использовать видео на вашем сайте WordPress.

Еще раз, ваш лучший вариант – почти всегда размещать ваши видео на сторонних сайтах, таких как YouTube или Vimeo. Встраивать видео с этих сайтов легко и сэкономит вам немного времени и ресурсов.

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

Чтобы стать более креативным с видео-галереями или плейлистами, вам, вероятно, понадобится помощь стороннего плагина.

Я надеюсь, что вам понравилось руководство, и дайте мне знать, если у вас есть какие-либо вопросы!

До скорых встреч!

Вам понравилась статья?
плохохорошо (Пока оценок нет)
Загрузка...
Обо мне
Юрич:
Занимаюсь созданием сайтов на WordPress более 6 лет. Работал в нескольких веб-студиях, да и сейчас работаю. Иногда подрабатываю на фрилансе, как на нашем так и на зарубежном. Везде зарекомендовал себя очень хорошо. Если нужен сайт на WordPress, шаблон для сайта или лендинг - не стесняйтесь - пишите. Рад буду помочь!
2 комментария к статье "Полное руководство по использованию видео в WordPress"
  1. Юрич: 16.09.2019 в 09:22 - Ответить

    Привет!
    На просторах инета очень много полезных материалов. По некоторым сам учился. Зайдите на YouTube – там полно всего по этой тематике

  2. Sinitsa: 15.09.2019 в 23:28 - Ответить

    Всем привет! Я с удовольствием бы обучился навыкам создание сайтов, но когда лазишь по просторам интернета, ничего полезного найти не могу, как с нуля прийти к успеху