стандартный видеоплеер wordpress

Видеоплеер в wordpress (встроенный и альтернативные плагины)

Здравствуйте, сегодня поговорим о стандартном видео плеере wordpress, а также о плагинах, позволяющих заменить его, в силу своего функционала. 

Скачать исходники для статьи можно ниже

1. Стандартный видеоплеер wordpress:

стандартный видеоплеер wordpress

С версии 3.6 в wordpress появился встроенный видеоплеер, то есть появилась функция — вставлять и воспроизводить видео файлы (форматы: mp4, m4v, webm, ogv, wmv, flv).

Для вставки видео файла достаточно просто вставить url в пост или страничку или же воспользоваться шорткодом:

Атрибуты шорткода video:

src (необязательный параметр) — путь до видео файла, если его не указать, то будет вставлен первый видеофайл, прикрепленный к записи.

Вы можете использовать следующие видео форматы для воспроизведения: ‘mp4’, ‘m4v’, ‘webm’, ‘ogv’, ‘wmv’, ‘flv’

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

По умолчанию: нет (none).

loop  (необязательный параметр) — зацикливание , то есть по окончанию воспроизведения видео — оно начинается заново.

По умолчанию: выключено (off).

Возможные параметры: off / on

autoplay (необязательный параметр) — автозапуск — видео начинает воспроизводится как только страница загружена.

По умолчанию: выключено (off).

Возможные параметры: off / on

preload (необязательный параметр) — предварительная загрузка видео.

«metadata» — «Метаданные» — («по умолчанию») только метаданные должны быть загружены при загрузке страницы;
«none» — «Ничего» — видео не должно быть загружено при загрузке страницы;
«auto»  — «Авто» — видео должно быть загружено полностью при загрузке страницы — может значительно замедлить загрузку страницы.

height (обязательный параметр) — высота видеофайла.

По умолчанию — высота медиофайла;

width (обязательный параметр) — ширина видеофайла.

По умолчанию — высота медиофайла;

 

2. MediaElement.js

Есть на «wordpress.org»:

Последнее обновление: 2013-1-27

Загрузок: 496,504 — достаточно много!

Страница плагина:  «wordpress.org/plugins/media-element-html5-video-and-audio-player/»

Данный видеоплеер встроен в wordpress 3.8.1, однако, по умолчанию (без установки плагина MediaElement.js), он работает пока только в стандартных темах wordpress — Twenty Thirteen, Twenty Fourteen, но может быть в скором времени все исправят.

Также заметил особенность, что плеер MediaElement.js не так уж всеяден как изначально стандартный wordpress видеоплеер — замечал отсутствие звука на некоторых видео (скорее связано с аудио кодеками) — которые на стандартном видеоплеере работали со звуком.

плагин MediaElement.js

Поддерживаемые форматы:  MP4, OGG, WebM, WMV, MP3, WAV, WMA, а также WebSRT файлы.

Есть кнопка полноэкранного режима, которой так не хватает в стандартном видеоплеере.

Основной функционал плагина:

  • Контроль размеров
  • Установка начального изображения
  • Аудио функции
  • Контроль продолжительности отображения
  • Регулировка громкости дисплей
  • Управления индикатор
  • URL-адреса для подписи файла
  • Autoplay
  • Предварительная загрузка видео
  • Цикл видео

 

3. VideoJS

Есть на «wordpress.org»:

Последнее обновление: 2014-1-9

Загрузок: 121,834

Страница плагина:  «wordpress.org/plugins/videojs-html5-video-player-for-wordpress/»

 

wordpress плагин VideoJS

 

Основной функционал плагина:

  • Контроль размеров
  • Установка начального изображения
  • Autoplay
  • Титры
  • Нет контроля вариант
  • YouTube
  • Предварительная загрузка видео
  • Цикл видео
  • Float влево или вправо

 

4. Spider Video Player

Есть на «wordpress.org»:

Последнее обновление: 2014-2-24

Загрузок: 87,411

Страница плагина:  «wordpress.org/plugins/player/»

 

плагин Spider Video Player

 

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

Основной функционал плагина:

  • Контроль размеров
  • Установка начального изображения
  • Аудио функции
  • Скрыть панель управления
  • Кнопки управления на панели
  • Autoplay
  • Цикл видео
  • Функция водяных знаков

Возможности по регулировки внешнего вида плеера просто потрясают:

  • Цвет фона
  • Видео фон
  • Фон фрейма
  • Кадр прозрачность фона
  • Основные кнопки
  • Кнопка hover
  • Кнопка прозрачность
  • Ползунки
  • Завис фона
  • Выбранный элемент фона
  • Текст
  • Завис текст
  • Выбранный текст

 

 

5. HTML5 Video Gallery & Player

Есть на «wordpress.org»:

Последнее обновление: 2013-10-29

Загрузок: 3,888

Страница плагина:  «wordpress.org/plugins/html5-videogallery-plus-player/»

 

HTML5 Video Gallery & Player

Самый простой и малофункциональный плагин из рассматриваемых в данной статье — поэтому и менее популярный (количество загрузок).

 

Основной функционал плагина:

  • Контроль размеров
  • Установка начального изображения
  • Предварительная загрузка видео
  • Галерея

 

6. Hana FLV Player

Есть на «wordpress.org»:

Последнее обновление: 2013-6-1

Загрузок: 131,623

Страница плагина:  «wordpress.org/plugins/hana-flv-player/»

Hana FLV Player

 

Hana FLV Player — это несколько видео плееров в одном, в том числе и MediaElement.js, который мы рассматривали выше.

 

Основной функционал плагина:

  • Контроль размеров
  • Установка начального изображения
  • Autoplay
  • Предварительная загрузка видео
  • Цикл видео
  • Autorewind
  • Ссылку URL видео
  • Видео описание
  • Конструкция управления с различными игроками
  • Отслеживание с Google разных игроков

 

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


knopkisoc

Видеоплеер в wordpress (встроенный и альтернативные плагины): 2 комментария

  1. Елена

    Благодарю за широкий выбор плееров. А то ютюб частенько права качает. Поставила себе videojs-html5-video-player-for-wordpress.4.5.0 Настройки очень простые, все за минуту настраивается и все работает.

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