Как вставить видео из Facebook в WordPress и поставить его на авто-запуск

Если вы используете Facebook, то вы знаете, как привлекает внимание видео, которое включается автоматически. Нам знакомо это чувство. Вы прокручиваете ленту новостей, и вот вы смотрите видеоролик без звука. Вы смотрите то видео, которым бы никогда не заинтересовались.

Как вставить видео из Facebook в WordPress и поставить его на авто-запуск

И знаете, что? Мы в этом не одиноки. Число ежедневных просмотров видео на Facebook увеличилось с 1 миллиарда в 2014 до 8 миллиардов просмотров в день в 2015. Число видео на Facebook растёт быстро.

Смотрите также:

  • Facebook виджеты для веб-сайта на WordPress
  • Как изменить Facebook Instant Articles для WordPress
  • Как установить Facebook Retargeting Pixel в WordPress
  • 20 полезных Видео плагинов для WordPress, доступных на CodeCanyon
  • 5 бесплатных Лайтбокс плагинов для показа изображений и видео на WordPress

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

Простой метод вставить видео из Facebook в WordPress

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

Чтобы найти код вставки iframe, вам сперва необходимо зайти в запись, где размещено видео на Facebook. Потом нажать на стрелочку вниз в правом верхнем углу и выбрать Вставить:

Как вставить видео из Facebook в WordPress и поставить его на авто-запуск

Вы должны увидеть такой iframe программный код:

Как вставить видео из Facebook в WordPress и поставить его на авто-запуск

Просто скопируйте и вставьте этот код во вкладку Текст в редакторе WordPress. Вы можете легко также использовать этот код в модулях/элементах, если вы используете строитель страниц:

Как вставить видео из Facebook в WordPress и поставить его на авто-запуск

После публикации записи, Facebook видео должно появиться в том месте, куда вы вставили программный код:

Вот и всё! Мы же говорили, что это просто.

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

Как вставить видео из Facebook в WordPress с авто-запуском

Facebook в полном объеме перешёл на авто-запуск видео по одной причине:

Это работает!

Добавление авто-запуска видео – это двух шаговый процесс. Во-первых, вам необходимо добавить Facebook JavaScript SDK в header.php темы. А потом необходимо использовать программный код в записи или странице для вставки видео. Вот как выполнить оба данные шага.

Добавление Facebook JavaScript SDK в header.php

Вы можете найти последнюю версию JavaScript SDK на странице размещение Facebook видео. Вот этот код вам необходимо вставить в файл header.php напрямую после открытия тэга <body>:

 <!-- Load Facebook SDK for JavaScript --> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if(d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Вы можете найти этот файл, зайдя во Внешний вид → Редактор. Потом выбрать файл header.php дочерней темы(надеемся, что вы используете дочернюю тему).

Добавьте вот этот код сразу же после тэга <body>:

Как вставить видео из Facebook в WordPress и поставить его на авто-запуск

Сохраните изменения и всё готово! Вам необходимо сделать это всего один раз. Сейчас вставлять видео будет без проблем!

Размещение видео с авто-запуском из Facebook в Записях WordPress

Чтобы вставить видео, вы будете использовать такой блок кода:

<div class="fb-video"  data-href=""  data-width="500"  data-allowfullscreen="true"  data-autoplay="true"  data-show-captions="true"></div>

В программный код надо вставить URL видео. Чтобы узнать URL видео, откройте на Facebook запись с данным видео и нажмите правой кнопкой по самому видео, выберите Show video URL:

Как вставить видео из Facebook в WordPress и поставить его на авто-запуск

Facebook отобразит небольшое окошко, где вы сможете легко скопировать URL видео:

Как вставить видео из Facebook в WordPress и поставить его на авто-запуск

Скопируйте и вставьте этот URL в программный код, подставив его в строчку с data-href=»»:

<div class="fb-video"  data-href="https://www.facebook.com/redbull/videos/10157935312135352/"  data-width="500"  data-allowfullscreen="true"  data-autoplay="true"  data-show-captions="true"></div>

После вставки URL видео вы можете изменить его внешний вид и возможности.

  • Если вы хотели бы настроить ширину видео, вы можете без проблем настроить число в настройке data-width=»500″
  • Чтобы отключить вывод видео в полноэкранном режиме, необходимо настроить значение параметры data-allowfullscreen на «false»
  • Чтобы включить авто-запуск, вам необходимо использовать настройка data-autoplay=»true»
  • Аналогично, чтобы добавить субтитры, вы должны добавить настройка data-show-captions=»true»

Вот и все! В редакторе WordPress во вкладке Текст это будет выглядеть примерно так:

Как вставить видео из Facebook в WordPress и поставить его на авто-запуск

Вы можете также использовать Facebook Video Player Configurator и генерировать код для вставки видео самостоятельно.

Преимущества размещения видео из Facebook в WordPress

В добавок к авто-запуску видео, вы можете без проблем использовать этот способ для размещения стримов, используя новую возможность Facebook. Там всё работает таким же образом.

Но функциональность веб-сайта — это не единственное достоинство. Размещение видео также влияет на продвижение странички в Facebook. Вы можете легко публиковать собственные видео в аккаунте в Facebook, а потом вставлять его на веб-сайт, создавая прямую связь.

Размещённые Facebook видео выводят страницу, на которую это видео вставили. Поэтому посетители могут перейти через него на страницу.

Итоги

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

Но это не самый лучший метод, и вот почему:

Когда вы один раз добавили Facebook JavaScript SDK, то вы покончили с данным навсегда. Вам никогда не необходимо будет вспоминать об этом снова. Вставить видео сейчас не сложнее, чем при использовании iframe, но у вас больше контроля над такими возможностями как авто-запуск и субтитры.

Вот почему мы считаем, что лучше использовать второй способ.

А вы вставляете видео из Facebook на веб-сайт WordPress? Какой способ вы используете?

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *