PlayerJS
Créez un lecteur vidéo/audio HTML5 unique pour votre site Web ou votre application. Obtenez-le gratuitement.
Constructeur en ligne
Plus de 500 paramètres dans le concepteur visuel en ligneUn seul fichier
Le player est assemblé en un seul fichier .js à partir des modules que vous avez choisisTout ce dont vous avez besoin
HTML5, HLS, DASH, YouTube, Airplay, Chromecast, 360°, VAST, etc.Décentralisé
Vous pouvez télécharger et auto-héberger le player (il fonctionne hors ligne).Gratuit
Pas de filigrane ni de publicitéVidéo
This template is designed to demonstrate a blurred background of the control panel and buttons
![](http://playerjs.com/project/playerjs/images/templates/video/nlnvjiqb3dub.jpg)
This template is designed to showcase the effect of Christmas snowfall
![](http://playerjs.com/project/playerjs/images/templates/video/xvntr4h2fuuv.jpg)
This template is designed to demonstrate a horizontal view of the settings menu
![](http://playerjs.com/project/playerjs/images/templates/video/6c19bbgujxaj.jpg)
This template is designed to demonstrates background horizontal gradients
![](http://playerjs.com/project/playerjs/images/templates/video/w5scyz7zo4wv.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/audr9t72hw1m.jpg)
This template is designed to demonstrate the ability to select the direction of animation of elements
![](http://playerjs.com/project/playerjs/images/templates/video/lxowg028aukd.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/7f9xueqst6vn.jpg)
This template is designed to demonstrate a search in playlist, custom lists of settings and buffering label instead of an animated indicator
![](http://playerjs.com/project/playerjs/images/templates/video/4qv0ed01apde.jpg)
This template is designed to demonstrate a custom buffering icon
![](http://playerjs.com/project/playerjs/images/templates/video/mbji7j27x5c4.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/a2uwlshgw3r7.jpg)
This template is designed to demonstrate color variables
![](http://playerjs.com/project/playerjs/images/templates/video/ip0a89ujx88o.jpg)
This template is designed to demonstrate a video color options
![](http://playerjs.com/project/playerjs/images/templates/video/a55379yt6qhd.jpg)
This template is designed to demonstrate a player for vertical video
![](http://playerjs.com/project/playerjs/images/templates/video/7yumpxwn3y9z.jpg)
This template is designed to demonstrate a separate video color options
![](http://playerjs.com/project/playerjs/images/templates/video/8k825ljuutj5.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/8ia50z9g47d2.jpg)
This template was created to demonstrate the creation of a playback segment
![](http://playerjs.com/project/playerjs/images/templates/video/gt2vu6lz40hf.jpg)
This template is designed to demonstrate text elements
![](http://playerjs.com/project/playerjs/images/templates/video/diw7g0rudsxw.jpg)
Ableton style
![](http://playerjs.com/project/playerjs/images/templates/video/xt3md19lcgaq.jpg)
This template is designed to demonstrate a linear speed controller
![](http://playerjs.com/project/playerjs/images/templates/video/m6ie3sfmpx3y.jpg)
This template is designed to showcase a unified settings menu
![](http://playerjs.com/project/playerjs/images/templates/video/al5eis4avasw.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/aga7gkcyk7eg.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/b1d2ablvr830.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/o9t692k35yl5.jpg)
This template is designed to showcase playlists in the form of drop-down lists
![](http://playerjs.com/project/playerjs/images/templates/video/7ulznotrwgfe.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/471vq3g7qu9x.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/0eu0acwaeb0t.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/g6iogw0fwxle.jpg)
This template is designed to demonstrate the non-standard buffer icon. There are over 20 animation options to choose in PRO.
![](http://playerjs.com/project/playerjs/images/templates/video/qshgicxc2zo6.jpg)
This template is designed to showcase the April Fools Day joke
![](http://playerjs.com/project/playerjs/images/templates/video/p3zjikfx3beh.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/doubfrv9x40i.jpg)
This template is designed to demonstrate the formatting of playlists
![](http://playerjs.com/project/playerjs/images/templates/video/th13d8dkiwrp.jpg)
This template is designed to demonstrate content markup
![](http://playerjs.com/project/playerjs/images/templates/video/lqsbeh3urfyc.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/xhp47aide8kx.jpg)
This template is designed to demonstrate a Chromecast button
![](http://playerjs.com/project/playerjs/images/templates/video/6bu8dvme5mle.jpg)
Winamp style
![](http://playerjs.com/project/playerjs/images/templates/video/v6wu05lxqtka.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/3609yat0bdma.jpg)
Google 20th Anniversary
![](http://playerjs.com/files/shots/2018/09/eq37u63uirji.png)
This template is designed to demonstrate the Picture-in-picture option
![](http://playerjs.com/project/playerjs/images/templates/video/o7w854s7zwrx.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/d7fjjqvh8vpt.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)
This template is designed to demonstrate memorization of time
![](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)
This template is designed to demonstrate a custom button for switching settings
![](http://playerjs.com/project/playerjs/images/templates/video/54p56gnxqqkc.jpg)
![](http://playerjs.com/project/playerjs/images/templates/video/f7uh4yi8tg4t.jpg)
This template is designed to demonstrate of the drop-down list for settings
![](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)
Audio
![](http://playerjs.com/project/playerjs/images/templates/audio/s8xipazb44c7.jpg)
This template is designed to demonstrate a second (parallel) audio stream
![](http://playerjs.com/project/playerjs/images/templates/audio/xfgwh8b9zoci.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/e9mq5vv1ytm9.jpg)
This template is designed to demonstrate the round progress bar
![](http://playerjs.com/project/playerjs/images/templates/audio/bxmgm1rs7juo.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/i9nwcyqaf7l7.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/kcnlx5orqsxg.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/w90joioto7dg.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/eum32k6o896h.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/sxw9o9ayb7th.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/yishja2i9enz.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/fqktd4khyxfe.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/rr7s894vjpzn.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/qbkj4ui1smaj.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/go2d6bilmal0.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/to2xzdtd0b1h.jpg)
This template is designed to demonstrate text elements
![](http://playerjs.com/project/playerjs/images/templates/audio/gpqfih4ntbyx.jpg)
Ableton style
![](http://playerjs.com/project/playerjs/images/templates/audio/9x4its8cpbw8.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/dz3kugt05mqn.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/ehy7bp5yjh3x.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/l8i648xpln1k.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/pslf3knho739.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/k8d6ep6mdipt.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/upineg8izs9z.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/nf2tur0l2vdn.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/6pdqga9lxo8t.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/5j7t2np72w6p.jpg)
Winamp style
![](http://playerjs.com/project/playerjs/images/templates/audio/wnbflyzyrwmv.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/0uj29lfc7iv8.jpg)
![](http://playerjs.com/project/playerjs/images/templates/audio/kof867mzxqap.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
Vous pouvez créer votre propre player HTML5 dans le PlayerJS builder pour votre site web avec un niveau de code zéro gratuitement. Essayez de créer un player vidéo ou audio avec toutes les technologies modernes. Nous offrons l'un des meilleurs outils pour créer et personnaliser des players en ligne.© 2018–2024 PlayerJS hello@playerjs.com