Категории
Уведомление:подпишитесь Заходите к нам в Telegram-чат
Skripters » WordPress » WordPress Плагины » HTML5 Video Player for WordPress

HTML5 Video Player for WordPress

SaNcHeS
Опубликовано 7-08-2021, 15:16
Видеоплагин для WordPress, основанный на библиотеке видеопроигрывателя Video.js HTML5. Обновлено для Videojs 5.0+ с более красивой оболочкой. Вставьте HTML5, Flash-видео в свой пост или страницу. Воспроизведение HTML5, FLV, HLS, m3u8, mp4, Youtube, Dailymotion, Vimeo. Совместимость с шорткодом ядра [видео] WordPress и работа с кнопкой вставки мультимедиа WordPress. Videojs не обновил свои Videojs до 5.0+ для WordPress, и я решил сделать это и поделиться им на странице плагинов WordPress. Посетите videojs.com для получения дополнительной информации. Используйте шорткод [videojs] в своем сообщении или на странице, используя следующие параметры. Можно использовать шорткод [видео] WordPress по умолчанию. Совместим со старой версией Videojs. НОВЫЙ HLS (HTTP Live Streaming) Live Streaming Video m3u8 (Pro версия). Создатель скинов - создайте свой собственный скин или выберите между готовыми скинами (версия Pro). Использование шорткодов видео Использование шорткодов видео Video Pro - построитель скинов Создайте свой собственный скин с помощью Video Pro, позвольте вам создать свой собственный скин или использовать предварительно созданные демо скины, чтобы начать и помочь вам создать свой собственный скин. Теперь воспроизводите HLS (HTTP Live Streaming), например, потоковое видео m3u8 HLS (HTTP Live Streaming) m3u8 Demo: Video Pro skin builder hls demo (m3u8) больше информации на: построитель скинов Video Pro. Демонстрация: демонстрация создателя скинов Video Pro Демо-версия Video Pro Параметры шорткода видео mp4 Местоположение источника видео в формате h.264 / MP4. [videojs mp4 = "http://vjs.zencdn.net/v/oceans.mp4"] ogg Местоположение источника Theora / Ogg для видео. [videojs ogg = "http://vjs.zencdn.net/v/oceans.ogg"] webm Местоположение источника VP8 / WebM для видео. [videojs webm = "http://vjs.zencdn.net/v/oceans.webm"] Flash FLV Местоположение источника FLASH / FLV для видео. [videojs fvl = "http://www.sample-videos.com/video/flv/480/big_buck_bunny_480p_10mb.flv"] youtube Местоположение источника видео на YouTube. [videojs youtube = "https://www.youtube.com/watch?v=mcixldqDIEQ"] плакат Расположение кадра плаката для видео. [videojs poster = "http://vjs.zencdn.net/v/oceans.png"] width Ширина видео. [videojs width = "640"] height Высота видео. [videojs height = "264"] preload Начать загрузку видео как можно скорее, прежде чем пользователь нажмет кнопку воспроизведения. Используйте «авто», «метаданные» или «нет». Авто будет предварительно загружаться, когда это разрешено браузером или устройством. Метаданные загрузят только метаданные видео. [videojs preload = "auto"] autoplay Начать воспроизведение видео, как только оно будет готово. Используйте «истина» или «ложь». [videojs autoplay = "true"] loop Заставляет видео запускаться заново, как только оно заканчивается. Используйте «истина» или «ложь». [videojs loop = "true"] controls Используйте 'false', чтобы скрыть элементы управления проигрывателем. [videojs controls = "false"] muted Используйте "true" для первоначального отключения звука видео. [videojs muted = "true"] id Добавьте собственный идентификатор в свой видеопроигрыватель. [videojs id = "movie-id"] class Добавьте настраиваемый класс к вашему проигрывателю. Используйте полный для перемещения видеопроигрывателя с помощью «alignleft» или «alignright». [videojs class = "alignright"] Дорожки Текстовые Дорожки - это функция видео HTML5 для предоставления зрителю текста с синхронизацией по времени. Для использования треков используйте шорткод [трек] внутри шорткода [видео]. Вы можете установить значения для атрибутов kind, src, srclang, label и default. Более подробная информация доступна в документации Video.js. [videojs] [track kind = "captions" src = "http://vjs.zencdn.net/v/oceans-captions.vtt" srclang = "en" label = "English" default = "true"] [/ videojs ] Пример всех атрибутов [videojs mp4 = "http://vjs.zencdn.net/v/oceans.mp4" ogg = "http://vjs.zencdn.net/v/oceans.ogv" webm = "http: / /vjs.zencdn.net/v/oceans.webm "poster =" http://vjs.zencdn.net/v/oceans.png "preload =" auto "autoplay =" true "width =" 640 "height =" 264 "id =" movie-id "class =" alignleft "controls =" false "muted =" true "] [track kind =" captions "src =" http://example.com/path/to/captions.vtt "srclang =" en "label =" English "default =" true "] [/ videojs] Совместимо с шорткодом ядра WordPress. Местоположение источника видео в формате h.264 / MP4. [video mp4 = "http://vjs.zencdn.net/v/oceans.mp4"]

Экран настроек Video.js

---------------- ---------- Установленные здесь значения будут значениями по умолчанию для всех видео, если вы не укажете иное в шорткоде. Снимите флажок «Использовать версию, размещенную в CDN?» если вы хотите использовать локальную копию Video.js вместо версии, размещенной в CDN. В большинстве ситуаций предпочтительнее использовать версию, размещенную на CDN. Если вы используете адаптивную тему WordPress, вы можете установить флажок «Адаптивное видео». Снимите флажок Использовать шорткод [видео]? вариант, только если вы используете WordPress 3.6+ и хотите использовать тег [video] для MediaElement.js. Вы по-прежнему сможете использовать тег [videojs] для встраивания видео с помощью Video.js.

Автор: onigetoc

Версия: 4.5.5

Последнее обновление: 2017-02-11 7:38pm GMT

Понравилось?
0
0
0

Скачать HTML5 Video Player for WordPress:

html5-video-player-for-wordpress.zip Размер файла: 1021.03 Kb
530
0