Собственный видео-плеер для сайта на WordPress

  Автор:
  32 комментария
  15832
Собственный видео-плеер на блоге — легко!!!

В связи с изменениями в сервисе Uppod.ru данная статья утратила актуальность. Теперь настройка плеера UPPOD происходит значительно легче. Читайте подробней в статье: Флеш плеер для сайта на WordPress – плагин от Uppod

Задавалась вопросом об альтернативных способах использования видео на блоге. Самый простой способ это зарегистрироваться на таких бесплатных видео сервисах как YouTube.com, RuTube.ru и прочие (их на самом деле очень много), загрузить свое видео, затем скопировать код HTML и вставить его в поле поста (при этом не забыть переключить на вкладку HTML) и вуаля, видео на вашем сайте.

Принцип работы очень прост. Плеер, для проигрывания видео ролика, находится на бесплатном сайте видео обмена (там где вы зарегистрировались и разместили видео, например RuTube.ru), там же находится ваше видео. С помощью HTML кода, который вы вставили в тело поста, происходит соединение с сервисом и на вашем блоге показывается видео.

Это хороший способ, однако подобный способ имеет ряд недостатков:

  1. Большинство бесплатных видео сервисов, после просмотра видео, предлагают посетителям Вашего блога,  посмотреть схожие по тематике видео. И если Ваш посетитель вдруг увидел что-то интересное, он просто щелкает на видео и спокойненько переходит на другой сайт. Наверняка, Вы делаете то же самое :)
  2. На видеоплейере всегда размещается реклама и ссылка на сайт видео сервиса.
  3. Вы не контролируете некоторые процессы. Например, Ваш ролик могут удалить. Уверена, будет веская причина этому, но все же…

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

  1. Вы не занимаете место на хостинге. Ваши видео хранятся на сайте с видео обменом, и Вам незачем беспокоиться о размерах вашего хостинга.
  2. Этот способ проще того, о котором я буду говорить далее :)

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

В этом видео Вы узнаете:

  • где взять видеоплейер
  • как загрузить видеоплейер в WordPress
  • как выбрать дизайн плеера
Итак, пошаговая инструкция:

1. Загружаем видео плеер на сайте http://www.uppod.ru (предварительно регистрируемся там) (новый сайт https://playerjs.com/).

2. Идем во вкладку «Скины» и выбираем дизайн плеера. Сохранить.

3.  Возвращаемся во вкладку «Плеер» => «Видео» => «Стили» => щелкаем на выбранный стиль =>  «Скачать«.

4. Идем http://uppod.ru/player/faq/wordpress/скачиваем плагин.

5. Распаковываем архивы на компьютере.

6. Загружаем файлы на хостинг. Рекомендую хостинг Timeweb. Сама пользуюсь, очень качественный и никогда не подводил :)

  • uppod.php — в папку plugins
  • создаем в корневой папке блога (wp-content) папку uppod
  • загружаем в нее оставшиеся файлы: плеер (uppod.swf), загрузчик (swfobject.js), файл стилей (обычно имеет следующий вид: video40-1777.txt — меняться будут последние 4 цифры), и создаем папку для хранения видео файлов.

7. Идем в админку WordPress => «Плагины» => «Неактивные» => ищем в списке плагин Uppod => «Активировать»

8.  В разделе «Плагины» идем в «Редактор» => из выпадающего списка выбираем плагин Uppod =>  «Выбрать«.

9. Редактируем 3 строки под словом «ВИДЕО«.

$uppod[‘video’][‘style’]=’/wp-content/uppod/video40-1187.txt’;
$uppod[‘video’][‘width’]=’600′;
$uppod[‘video’][‘height’]=’336′;

Первая строка: путь к файлу стилей,

Вторая и третья — размер видео плеера (можно посмотреть в http://www.uppod.ru «Плеер» => «Видео» => «Стили«.

После изменений не забудьте сохранить файл «Обновить файл».

10. Проверяем как работает. Идем за «Записи«=>»Создать» => в поле поста вписываем следующий код:

[ uppod video=http://www.sitename.ru/wp-content/uppod/папка для видео файлов/название файл.flv ]

(подставьте свои значения вместо sitename.ru, папка для видео файлов, название файл.flv)

Это все!

В следующем видео вы узнаете, как легко, без специальных программ конвертировать видеофайл в необходимый формат FLV. Не пропустите :)

К справке:

FLV формат это специальный формат для просмотра видео в Интернет. Расшифровывается как Flash Video.

 


Создайте сайт с нами — легко и быстро!

С вопросами и за помощью обращайтесь в нашу службу поддержки 24/7

 

Нужен качественный хостинг для сайта на WordPress?
Рекомендую, проверенные годами, хостинг Timeweb:
Надежный проверенный годами хостинг для сайта на WordPress
а также, хостинг Beget:
Хостинг Beget

 

 

Собственный видео-плеер для сайта на WordPress

   1 голос
Средняя оценка: 5 из 5
Если Вам понравилась статья и Вы нашли её полезной, поделитесь ею в соцсетях! Нажмите на кнопки ниже, чтобы сделать это прямо сейчас.

Анфиса Бреус

Анфиса Бреус - специалист по Wordpress с 2007 года. Создатель и разработчик шаблона "AB-Inspiration" для самостоятельной и профессиональной настройки сайтов на WordPress для бизнеса. Основатель клуба "Мастер WordPress" и автор эксклюзивных курсов по WordPress. Фрилансер. Спикер.