Videojs HTML5 Player v1.1.13

Video.js HTML5 Player - это удобный плагин, поддерживающий воспроизведение видео на настольных и мобильных устройствах. Вам очень легко встраивать как собственные видеофайлы, так и видеофайлы, размещенные на внешнем хостинге, с помощью библиотеки Video.js.

Дополнения HTML5-плеера Video.js

- Отключить щелчок правой кнопкой мыши.

- Темы

Функции проигрывателя HTML5 Video.js

- Встраивайте видеофайлы MP4 в публикацию/страницу или в любое место на своем сайте WordPress.

- Встраивайте адаптивные видео, чтобы пользователям было удобнее просматривать их на мобильном устройстве.

- Встраивайте видео в формате HTML5, совместимые с современными браузерами.

- Встраивайте видео с изображениями постеров.

- Встраивайте видео с помощью проигрывателя videojs.

- Автоматически воспроизводить видео при отображении страницы, если устройство и браузер поддерживают это.

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

- Чистый и стильный плеер без водяных знаков.

- резервные варианты для других типов файлов, поддерживаемых HTML5 (WebM, Ogv).

- Потоковая передача по HTTP

Как использовать HTML5-плеер Video.js

Чтобы встроить видео, создайте новый пост/страницу и используйте следующий шорткод:

[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4"]

Здесь "url" - это местоположение исходного файла видео MP4 (в кодировке H.264). Вам необходимо заменить образец URL-адреса фактическим URL-адресом видеофайла.

Параметры короткого кода видео

В коротком коде поддерживаются следующие параметры.

ВебМ

Вы можете указать видеофайл WebM в дополнение к исходному видеофайлу MP4. Этот параметр является необязательным.

[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" webm="https://example.com/wp-content/uploads/videos/myvid.webm"]

Огв

Вы можете указать видеофайл Ogv в дополнение к исходным видеофайлам MP4 и WebM. Этот параметр является необязательным.

[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" webm="https://example.com/wp-content/uploads/videos/myvid.webm" ogv="https://example.com/wp-content/uploads/videos/myvid.ogv"]

Ширина

Определяет ширину видеофайла (высота рассчитывается автоматически). Эта опция не требуется, если вы не хотите ограничить максимальную ширину видео.

[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" width="480"]

Предварительная загрузка

Указывает, должно ли и как загружаться видео при загрузке страницы. По умолчанию "авто" (видео должно загружаться полностью при загрузке страницы). Другие варианты:

- "метаданные" - при загрузке страницы должны загружаться только метаданные

- "none" - видео не должно загружаться при загрузке страницы

[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4″ preload="метаданные"]

Элементы управления

Указывает, что элементы управления видео должны отображаться. По умолчанию "истина". Чтобы скрыть элементы управления, установите для этого параметра значение "false".

[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" control="false"]

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

Автозапуск

Заставляет видеофайл автоматически воспроизводиться при загрузке страницы.

[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" autoplay="true"]

Плакат

Определяет изображение, которое будет отображаться в качестве заполнителя перед воспроизведением видео.

[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" poster="https://example.com/wp-content/uploads/poster.jpg"]

Петля

После завершения видеофайл возобновляет воспроизведение и автоматически продолжает воспроизведение.

[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" Loop="true"]

Без звука

Указывает, что звук видео должен быть отключен.

[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" muted="true"]

Потоковое HTTP-вещание Video.js

Плагин поддерживает формат файлов m3u8, который можно использовать для потоковой передачи HTTP Video.js. Он позволяет воспроизводить HLS, DASH и другие протоколы потоковой передачи HTTP с помощью Video.js, даже если они не поддерживаются изначально.

[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.m3u8"]

Для получения подробной документации посетите страницу плагина Videojs HTML5 Player.