30+ лучших видеоплееров HTML5 с примерами
3 июня 2019 г. | HTML5, видео и аудио
Artplayer.js — это современный и полнофункциональный видеопроигрыватель HTML5.
- Поддержка
vtt
иsrt
субтитров - Поддержка переключения качества видео
- Поддержка пользовательского элемента управления
слоя
,контекстного меню
,настройки
- Поддержка скорости воспроизведения
флип
,оконный полноэкранный режим
иливеб-полный экран
настройка - Поддержка интеграции с другими зависимостями, например:
flv.js
,hls.js
,dash.js
,shaka-player
,webtorrent
- Поддержка собственного режима «картинка в картинке» в Chrome или пользовательский режим «картинка в картинке»
- Поддержка
эскизов
подсветки
на индикаторе выполнения - Поддержка сохранения исходного соотношения сторон видео, адаптивный размер
- Поддержка расширенного пользовательского мониторинга событий, простота расширения
- Поддержка интернационализации элементов управления
- Поддержка пользовательских плагинов
- Поддержка локального предварительного просмотра видео
- Поддержка смещения времени субтитров
Подробнее Демонстрация
8 октября 2018 г. | Core Java Script, HTML5, видео и аудио
ckin — это легкий HTML5-видеоплеер с открытым исходным кодом, использующий Javascript (без jQuery).
Подробнее Демонстрация
10 апреля 2018 г. | Базовый сценарий Java, Premium, видео и аудио
Sticky Ultimate Video Player — это мощный липкий видео-/аудиоплеер , который можно расположить в липкой форме в нижней или верхней части веб-страницы над ее содержимым, который может воспроизводить локальное видео (mp4) / аудио (mp3), потоковое видео или аудио с сервера, видео Youtube или видео Vimeo . Для этого требуется только формат mp4 / mp3 (лучшие и наиболее часто используемые форматы в Интернете), и он будет работать на мобильных устройствах и настольных компьютерах независимо от того, какой браузер используется. Это стало возможным благодаря включению нескольких видеодвижков в действительно умный способ внутри логики видеоплеера. Sticky Ultimate Video Player поддерживает неограниченное количество списков воспроизведения, и в каждом списке воспроизведения может быть неограниченное количество видео.
Плейлисты могут быть загружены из простого HTML-разметка , XML-файл , смешанный плейлист (vimeo | youtube | HTML5 видео/аудио)
Подробнее Демонстрация
21 ноября 2017 г. | HTML5, Плагины, Премиум, Видео и аудио
Получите движение к вашим изображениям. Media Hover – адаптивный плагин HTML5, который воспроизводит аудио и видео при наведении. Его можно применить к любому элементу. Просто укажите миниатюру и аудио- или видеофайл и включите его при наведении курсора. Media Hover также поддерживает режим лайтбокса, в котором изображения и видео можно просматривать в увеличенном виде.
Особенности:
- Поддержка видео и аудио HTML5
- Кроссбраузерная совместимость
- IOS и Android поддерживают
- Иконки Font Awesome Library
- Смешайте аудио и видео на одной странице
- Дополнительное слайд-шоу изображений во время воспроизведения звука
- Обмен в социальных сетях поддержка (facebook, twitter, google plus)
- Лайтбокс Поддержка
Подробнее Демо
13 ноября 2017 г. | Карусель, Галерея, Плагины, Премиум, Слайдер, Видео и Аудио
Почти все плагины, которые вам нужны для создания полноценного и профессионального веб-сайта, находятся в ПАКЕТЕ НАИБОЛЕЕ РАЗЫСКИВАЕМЫХ ПЛАГИНОВ: Премиум-слайдеры, видеоплееры, демонстрация логотипов, полноэкранное изображение или Видеофоны, аудиоплееры, радиоплееры, карусели, обратный отсчет.
Подробнее Демонстрация
25 октября 2016 г. | Плагины, видео и аудио
Унифицированный интерфейс jQuery для различных аудио/видео проигрывателей без зависимости от их официальных библиотек JavaScript. В настоящее время поддерживаются проигрыватели:
- YouTube
- Vimeo
- Подергивание
- Саундклауд
- Dailymotion
- HMTL 5 аудио/видео
Подробнее Демонстрация
21 мая 2016 г. | Core Java Script, HTML5, видео и аудио
Простой, доступный и настраиваемый медиаплеер HTML5, YouTube и Vimeo.
- Accessible – полная поддержка титров VTT и программ чтения с экрана
- Облегченный — менее 10 КБ в уменьшенном виде и сжатом gzip
- Настраиваемый — сделайте так, чтобы плеер выглядел так, как вы хотите, с желаемой разметкой
- Semantic — использует правильных элемента.
- Отзывчивый – как и следовало ожидать в наши дни
- HTML Video & Audio — поддержка обоих форматов
- Встроенное видео — поддержка воспроизведения видео с YouTube и Vimeo
- API — переключение воспроизведения, громкости, поиска и т. д.
Подробнее Демонстрация
12 августа 2015 г. | Плагины, премиум, видео и аудио
С UMBG вы можете использовать видео, изображения или цвета для отображения красивых полноэкранных фонов. Поддерживает видео HTML5 и размещенные видео с YouTube, Vimeo, Dailymotion и Wistia. Вы также можете использовать несколько изображений для создания полноэкранного слайд-шоу.
Подробнее Демонстрация
27 июля 2015 г. | HTML5, Премиум, Адаптивный, Видео и аудио
Чистый HTML5-видеоплеер со списком воспроизведения
Особенности:
- Адаптивный макет
- Готов для дисплеев Retina
- Легко начать работу, развернуть за несколько минут
- Широкие возможности настройки с использованием HTML и CSS
- Чистый код + МЕНЬШЕ
- Плейлисты поддерживают
- Несколько экземпляров
- На основе jPlayer (запасной вариант HTML5 и Flash)
Подробнее Демонстрация
28 марта 2015 г. | HTML5, плагины, текстовые эффекты, видео и аудио
Плагин jQuery для , преобразующий текстовые смайлики в смайлики на основе изображений , а также поддерживающий систему автоматического встраивания мультимедиа для мультимедийных URL-адресов (ранее emoticons-js).
- Преобразует текстовые коды смайликов в смайлики,
- Находит ссылки в текстовом вводе и превращает их в html-ссылки.
- Встраивание видео Youtube и Vimeo с деталями видео, полученными из API.
- Проигрыватель HTML5 поддерживает встраивание мультимедиа (mp3, mp4, ogg)
- Просмотр PDF с предварительным просмотром и потом собственно pdf в рамке.
- Подсветка синтаксиса встроенного кода (использует highlight.js)
- Встраивание твитов в Twitter поддерживается
- Поддержка встраивания Codepen, jsbin, ideone, jsfiddle и plunker
- поддержка soundcloud и Spotify
- Поддержка Twitch tv, dotSub, dailymotion, vine, TED и liveLeak.
- Встроить местоположение на карте Google
Подробнее Видеопроигрыватель Demo
| Плагины jQuery
Плеер Mui — HTML5 Video Player Framework
18 октября 2021 г. 974 HTML5 СМИ
MuiPlayer — это подключаемый модуль воспроизведения видео HTML5, который по умолчанию настроен с рабочими элементами управления воспроизведением, включая общие сценарии воспроизведения, такие как полноэкранное воспроизведение, ускоренное воспроизведение вперед, циклическое воспроизведение, регулировка громкости, декодирование видео и другие функции.
Читать дальше »
Moovie.js — адаптивный HTML5-плеер, ориентированный на видео
20 августа 2021 г. 12 27 HTML5 СМИ
Moovie.js — это отзывчивый, полностью настраиваемый видеопроигрыватель HTML5, ориентированный на фильмы, с поддержкой субтитров WebVTT (.vtt) и SubRip (.srt).
Подробнее »
Shaka Player — библиотека JavaScript для адаптивной потоковой передачи видео
14 марта 2021 г. 1122 СМИ
Shaka Player — это библиотека JavaScript с открытым исходным кодом для адаптивных медиа. Он воспроизводит адаптивные мультимедийные форматы (такие как DASH и HLS) в браузере без использования подключаемых модулей.
Подробнее »
xgplayer — HTML5 видеоплеер и аудиоплеер
09 января 2021 г. 910 HTML5 СМИ
xgplayer — это библиотека веб-видео и аудиоплееров, разработанная с отдельными съемными компонентами пользовательского интерфейса. xgplayer смел в своей функциональности: он избавлен от загрузки видео, буферизации и поддержки формата для зависимости от видео.
Подробнее »
DPlayer — HTML5 Danmaku Video Player
17 сентября 2019 1284 HTML5 СМИ
DPlayer — это видеопроигрыватель данмаку HTML5, который помогает людям легко создавать видео и данмаку.
Особенности
- Danmaku
- Скриншот
- Горячие клавиши
- Переключение качества
- Миниатюры
- Подзаголовок 9 0012
Подробнее »
Artplayer.js — Современный видеоплеер HTML5
22 мая 2019 г. 2712 HTML5 СМИ
Artplayer.js — это современный и полнофункциональный видеоплеер HTML5.
Подробнее »
Plyr — простой медиаплеер HTML5
17 мая 2016 г. 4584 HTML5 СМИ
Plyr — это простой, доступный и настраиваемый медиаплеер HTML5, YouTube и Vimeo.
Подробнее »
canvid.js — библиотека Javascript для воспроизведения видео на элементах Canvas
17 декабря 2015 г. 1072 СМИ
canvid – небольшая библиотека без зависимостей для воспроизведения относительно коротких видео на элементах холста.
Подробнее »
Расширение видео jQuery
12 декабря 2015 г. 4297 HTML5 СМИ
jQuery Video Extend — это плагин для расширения видео HTML5 как:
- Добавление логотипа.
- Добавление маркеров с метками.
- Воспроизведение видео с YouTube.
- Воспроизведение FLV-видео (базовая поддержка).
- Просто сделайте отзывчивым.
Подробнее »
Video.js — видеопроигрыватель HTML5 с открытым исходным кодом
14 апреля 2014 г. 10 438 HTML5 СМИ
Video.js — это библиотека JavaScript и CSS, упрощающая работу с видео в формате HTML5 и его создание. Это также известно как0081 Видеопроигрыватель HTML5 .
Подробнее »
Создание пользовательского видеоплеера HTML5 с помощью CSS3 и jQuery
28 ноября 2013 г. 7207 HTML5 CSS3 и CSS СМИ
Хорошая статья о создании легко настраиваемого проигрывателя HTML5 , включая упаковку его в виде простого подключаемого модуля jQuery, выбор типов элементов управления и вывод пользовательского CSS для вашей собственной ситуации.
В этой статье вы рассмотрите
- Элементы управления видео
- Базовая разметка для элементов управления
- Упаковка проигрывателя в виде подключаемого модуля jQuery
- Внешний вид
- Тематическое оформление проигрывателя
Медиаплеер Acorn – Медиаплеер jQuery HTML5
19 ноября 2013 г. 2974 HTML5 СМИ
Acorn Media Player — это мультимедийный проигрыватель HTML5 с упором на доступность и настройку.
- Простая настройка и тематика
- Поддержка полноэкранного режима
- Доступ с клавиатуры
- Индикатор буферизации
-
<аудио>
поддержка - Индикатор загрузки 90 007 Бесплатно и с открытым исходным кодом
Подробнее »
YouTube TV – Пользователь YouTube /Playlist Player Плагин jQuery
25 июня 2013 г. 27716 Социальное СМИ
YouTube TV – это небольшой удобный проигрыватель, не зависящий от библиотеки пользователей/плейлистов YouTube. Также его можно использовать как Плагин jQuery .
Функции
- Независимо от библиотеки
- Настраивается с помощью CSS
- Автозапуск
- Удаление YouTube Chrome
- Поддерживает списки воспроизведения и пользователей 9000 7 jQuery Поддержка
- Поддержка модуля
Подробнее »
Bootstrap Video Player Плагин jQuery
19 февраля 2013 г.