PlayerJS
Создай свой плеер для сайта
Онлайн-конструктор
Более 500 настроек в визуальном редактореВсего один файл
Плеер собирается в один .js файл из нужных модулейПоддерживает всё, что нужно
HLS, DASH, YouTube, Airplay, Chromecast, 360°, VAST и так далееСвободно и безопасно
Вы можете скачать и автономно разместить плеер у себяБесплатно
Без чужой рекламы и логотиповВидео
Этот шаблон демонстрирует размытый фон панели управления и кнопок
![](http://playerjs.com/project/playerjs/images/templates/video/nlnvjiqb3dub_ru.jpg)
Этот шаблон создан для демонстрации эффекта новогоднего снегопада
![](http://playerjs.com/project/playerjs/images/templates/video/xvntr4h2fuuv_ru.jpg)
Этот шаблон демонстрирует горизонтальный способ показа меню настроек
![](http://playerjs.com/project/playerjs/images/templates/video/6c19bbgujxaj_ru.jpg)
Этот шаблон демонстрирует возможность настроить горизонтальные градиенты
![](http://playerjs.com/project/playerjs/images/templates/video/w5scyz7zo4wv_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/audr9t72hw1m_ru.jpg)
Этот шаблон демонстрирует возможность выбора направления движения анимации элементов
![](http://playerjs.com/project/playerjs/images/templates/video/lxowg028aukd_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/7f9xueqst6vn_ru.jpg)
Этот шаблон демонстрирует возможность поиска в плейлисте, создания списков настроек и надписи о буферизации вместо анимированного индикатора
![](http://playerjs.com/project/playerjs/images/templates/video/4qv0ed01apde_ru.jpg)
Этот шаблон демонстрирует свою иконку буферизации
![](http://playerjs.com/project/playerjs/images/templates/video/mbji7j27x5c4_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/a2uwlshgw3r7_ru.jpg)
Этот шаблон создан для демонстрации цветовых переменных
![](http://playerjs.com/project/playerjs/images/templates/video/ip0a89ujx88o_ru.jpg)
Этот шаблон создан для демонстрации цветовых настроек
![](http://playerjs.com/project/playerjs/images/templates/video/a55379yt6qhd_ru.jpg)
Этот шаблон создан для демонстрации плеера с вертикальным видео
![](http://playerjs.com/project/playerjs/images/templates/video/7yumpxwn3y9z_ru.jpg)
Этот шаблон создан для демонстрации отдельных цветовых настроек
![](http://playerjs.com/project/playerjs/images/templates/video/8k825ljuutj5_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/8ia50z9g47d2_ru.jpg)
Этот шаблон создан для демонстрации создания отрезка воспроизведения
![](http://playerjs.com/project/playerjs/images/templates/video/gt2vu6lz40hf_ru.jpg)
Этот шаблон создан для демонстрации текстовых элементов
![](http://playerjs.com/project/playerjs/images/templates/video/diw7g0rudsxw_ru.jpg)
В стиле Ableton
![](http://playerjs.com/project/playerjs/images/templates/video/xt3md19lcgaq_ru.jpg)
Этот шаблон создан для демонстрации линейного регулятора скорости
![](http://playerjs.com/project/playerjs/images/templates/video/m6ie3sfmpx3y_ru.jpg)
Этот шаблон создан для демонстрации объединенного меню настроек
![](http://playerjs.com/project/playerjs/images/templates/video/al5eis4avasw_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/aga7gkcyk7eg_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/b1d2ablvr830_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/o9t692k35yl5_ru.jpg)
Этот шаблон создан для демонстрации плейлистов в виде списков
![](http://playerjs.com/project/playerjs/images/templates/video/7ulznotrwgfe_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/471vq3g7qu9x_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/0eu0acwaeb0t_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/g6iogw0fwxle_ru.jpg)
Этот шаблон создан для демонстрации нестандартной буферизации. В PRO можно выбрать из более чем 20 вариантов анимации.
![](http://playerjs.com/project/playerjs/images/templates/video/qshgicxc2zo6_ru.jpg)
Этот шаблон создан для демонстрации первоапрельского розыгрыша
![](http://playerjs.com/project/playerjs/images/templates/video/p3zjikfx3beh_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/doubfrv9x40i_ru.jpg)
Этот шаблон создан для демонстрации форматирования плейлистов
![](http://playerjs.com/project/playerjs/images/templates/video/th13d8dkiwrp_ru.jpg)
Этот шаблон создан для демонстрации разметки содержания
![](http://playerjs.com/project/playerjs/images/templates/video/lqsbeh3urfyc_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/xhp47aide8kx_ru.jpg)
Этот шаблон создан для демонстрации Хромкаст
![](http://playerjs.com/project/playerjs/images/templates/video/6bu8dvme5mle_ru.jpg)
В стиле Winamp
![](http://playerjs.com/project/playerjs/images/templates/video/v6wu05lxqtka_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/3609yat0bdma_ru.jpg)
В честь 20-летия Google
![](http://playerjs.com/files/shots/2018/09/eq37u63uirji.png)
Этот шаблон создан для демонстрации опции Картинка в картинке
![](http://playerjs.com/project/playerjs/images/templates/video/o7w854s7zwrx_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/d7fjjqvh8vpt_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/jkv793nc7gmp.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/b1odcnmpv9da.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/1wlzxmip02wk.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/lz98gh04u5si.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/g7mfs5rs9h1w.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/ylbpetvdjz8b.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/ofugjy0n9ie8.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/a7hpt80qqyay.jpg)
Этот шаблон создан для демонстрации запоминания времени
![](http://playerjs.com/project/playerjs/images/templates/video/oszaiayqtfq6.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/uv0ww8pxc36d.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/322nob96riow.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/gr5wijtwjwv4.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/tkj1usno9wo5.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/7hekxa4q5r6q.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/k0qzcmumx3ca.jpg)
Этот шаблон создан для демонстрации кастомной кнопки переключения настроек
![](http://playerjs.com/project/playerjs/images/templates/video/54p56gnxqqkc.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/f7uh4yi8tg4t.jpg)
Этот шаблон создан для демонстрации выпадающего списка настроек
![](http://playerjs.com/project/playerjs/images/templates/video/ik6hd5z25k5s.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/8yfzgui9ppng.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/w03hltxmg4zb.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/jiept2f1ccb9.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/vusdcs8nas5b.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/m0d3ny7gmb5m.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/yu6p7fmtti1q.jpg)
Аудио
![](http://playerjs.com/project/playerjs/images/templates/audio/s8xipazb44c7_ru.jpg)
Этот шаблон демонстрирует второй (параллельный) аудио поток
![](http://playerjs.com/project/playerjs/images/templates/audio/xfgwh8b9zoci_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/e9mq5vv1ytm9_ru.jpg)
Этот шаблон демонстрирует круглый индикатор прогресса
![](http://playerjs.com/project/playerjs/images/templates/audio/bxmgm1rs7juo_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/i9nwcyqaf7l7_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/kcnlx5orqsxg_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/w90joioto7dg_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/eum32k6o896h_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/sxw9o9ayb7th_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/yishja2i9enz_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/fqktd4khyxfe_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/rr7s894vjpzn_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/qbkj4ui1smaj_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/go2d6bilmal0_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/to2xzdtd0b1h_ru.jpg)
Этот шаблон создан для демонстрации текстовых элементов
![](http://playerjs.com/project/playerjs/images/templates/audio/gpqfih4ntbyx_ru.jpg)
В стиле Ableton
![](http://playerjs.com/project/playerjs/images/templates/audio/9x4its8cpbw8_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/dz3kugt05mqn_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/ehy7bp5yjh3x_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/l8i648xpln1k_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/pslf3knho739_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/k8d6ep6mdipt_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/upineg8izs9z_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/nf2tur0l2vdn_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/6pdqga9lxo8t_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/5j7t2np72w6p_ru.jpg)
В стиле Winamp
![](http://playerjs.com/project/playerjs/images/templates/audio/wnbflyzyrwmv_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/0uj29lfc7iv8_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/kof867mzxqap_ru.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/4lxvdv6c9uut.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/jn3qqdkiav2q.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/49wkqruu7bdj.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/pb3w6180glzf.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/byej5iiwpk5q.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/th2wq0iyi8vw.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/weovieo0hppe.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/q7veirxtx08g.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/rhysp46n18va.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/js91tuhmi6cp.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/1dxc9kxm1c4z.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/ocugg8r4slxh.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/j2hc7kmwuaen.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/yltm5925ovew.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/o4cnqx6rpmis.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/qgoc90ghofku.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/esan847s1wf6.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/dy5epbkn9eya.jpg)
PlayerJS.com
Конструктор плееров, в котором каждый может создать свой видео и аудио плеер для сайта с поддержкой всех современных технологий. Мы предлагаем один из лучших инструментов для создания и быстрой кастомизации онлайн проигрывателей, а также техническую поддержку на русском языке.© 2018–2024 PlayerJS hello@playerjs.com