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

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

1. Стандартный видеоплеер 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 видеоплеер – замечал отсутствие звука на некоторых видео (скорее связано с аудио кодеками) – которые на стандартном видеоплеере работали со звуком.

Поддерживаемые форматы:  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/”

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

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

4. Spider Video Player

Есть на “wordpress.org”:

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

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

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

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

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

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

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

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

5. HTML5 Video Gallery & Player

Есть на “wordpress.org”:

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

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

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

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

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

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

6. Hana FLV Player

Есть на “wordpress.org”:

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

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

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

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

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

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