PlayerJS
Make a unique player for your website
Online Builder
Online visual designer with over 500 settingsJust one file
Your player is assembled into a single .js file from the modules you chooseEverything you need
HLS, DASH, YouTube, Airplay, Chromecast, 360°, VAST etcDecentralized
You can download and self-host the player (it works offline)Free
No watermarks or adsVideo
This template is designed to demonstrate a blurred background of the control panel and buttons
![](https://playerjs.com/project/playerjs/images/templates/video/nlnvjiqb3dub.jpg)
This template is designed to showcase the effect of Christmas snowfall
![](https://playerjs.com/project/playerjs/images/templates/video/xvntr4h2fuuv.jpg)
This template is designed to demonstrate the a horizontal way to display the settings menu
![](https://playerjs.com/project/playerjs/images/templates/video/6c19bbgujxaj.jpg)
This template is designed to demonstrates background horizontal gradients
![](https://playerjs.com/project/playerjs/images/templates/video/w5scyz7zo4wv.jpg)
![](https://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
![](https://playerjs.com/project/playerjs/images/templates/video/lxowg028aukd.jpg)
![](https://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
![](https://playerjs.com/project/playerjs/images/templates/video/4qv0ed01apde.jpg)
This template is designed to demonstrate a custom buffering icon
![](https://playerjs.com/project/playerjs/images/templates/video/mbji7j27x5c4.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/a2uwlshgw3r7.jpg)
This template is designed to demonstrate color variables
![](https://playerjs.com/project/playerjs/images/templates/video/ip0a89ujx88o.jpg)
This template is designed to demonstrate a video color options
![](https://playerjs.com/project/playerjs/images/templates/video/a55379yt6qhd.jpg)
This template is designed to demonstrate a player for vertical video
![](https://playerjs.com/project/playerjs/images/templates/video/7yumpxwn3y9z.jpg)
This template is designed to demonstrate a separate video color options
![](https://playerjs.com/project/playerjs/images/templates/video/8k825ljuutj5.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/8ia50z9g47d2.jpg)
This template was created to demonstrate the creation of a playback segment
![](https://playerjs.com/project/playerjs/images/templates/video/gt2vu6lz40hf.jpg)
This template is designed to demonstrate text elements
![](https://playerjs.com/project/playerjs/images/templates/video/diw7g0rudsxw.jpg)
Ableton style
![](https://playerjs.com/project/playerjs/images/templates/video/xt3md19lcgaq.jpg)
This template is designed to demonstrate a linear speed controller
![](https://playerjs.com/project/playerjs/images/templates/video/m6ie3sfmpx3y.jpg)
This template is designed to showcase a unified settings menu
![](https://playerjs.com/project/playerjs/images/templates/video/al5eis4avasw.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/aga7gkcyk7eg.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/b1d2ablvr830.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/o9t692k35yl5.jpg)
This template is designed to showcase playlists in the form of drop-down lists
![](https://playerjs.com/project/playerjs/images/templates/video/7ulznotrwgfe.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/471vq3g7qu9x.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/0eu0acwaeb0t.jpg)
![](https://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.
![](https://playerjs.com/project/playerjs/images/templates/video/qshgicxc2zo6.jpg)
This template is designed to showcase the April Fools Day joke
![](https://playerjs.com/project/playerjs/images/templates/video/p3zjikfx3beh.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/doubfrv9x40i.jpg)
This template is designed to demonstrate the formatting of playlists
![](https://playerjs.com/project/playerjs/images/templates/video/th13d8dkiwrp.jpg)
This template is designed to demonstrate content markup
![](https://playerjs.com/project/playerjs/images/templates/video/lqsbeh3urfyc.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/xhp47aide8kx.jpg)
This template is designed to demonstrate a Chromecast button
![](https://playerjs.com/project/playerjs/images/templates/video/6bu8dvme5mle.jpg)
Winamp style
![](https://playerjs.com/project/playerjs/images/templates/video/v6wu05lxqtka.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/3609yat0bdma.jpg)
Google 20th Anniversary
![](https://playerjs.com/files/shots/2018/09/eq37u63uirji.png)
This template is designed to demonstrate the Picture-in-picture option
![](https://playerjs.com/project/playerjs/images/templates/video/o7w854s7zwrx.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/d7fjjqvh8vpt.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/jkv793nc7gmp.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/b1odcnmpv9da.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/1wlzxmip02wk.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/lz98gh04u5si.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/g7mfs5rs9h1w.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/ylbpetvdjz8b.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/ofugjy0n9ie8.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/a7hpt80qqyay.jpg)
This template is designed to demonstrate memorization of time
![](https://playerjs.com/project/playerjs/images/templates/video/oszaiayqtfq6.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/uv0ww8pxc36d.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/322nob96riow.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/gr5wijtwjwv4.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/tkj1usno9wo5.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/7hekxa4q5r6q.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/k0qzcmumx3ca.jpg)
This template is designed to demonstrate a custom button for switching settings
![](https://playerjs.com/project/playerjs/images/templates/video/54p56gnxqqkc.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/f7uh4yi8tg4t.jpg)
This template is designed to demonstrate of the drop-down list for settings
![](https://playerjs.com/project/playerjs/images/templates/video/ik6hd5z25k5s.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/8yfzgui9ppng.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/w03hltxmg4zb.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/jiept2f1ccb9.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/vusdcs8nas5b.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/m0d3ny7gmb5m.jpg)
![](https://playerjs.com/project/playerjs/images/templates/video/yu6p7fmtti1q.jpg)
Audio
![](https://playerjs.com/project/playerjs/images/templates/audio/s8xipazb44c7.jpg)
This template is designed to demonstrate a second (parallel) audio stream
![](https://playerjs.com/project/playerjs/images/templates/audio/xfgwh8b9zoci.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/e9mq5vv1ytm9.jpg)
This template is designed to demonstrate the round progress bar
![](https://playerjs.com/project/playerjs/images/templates/audio/bxmgm1rs7juo.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/i9nwcyqaf7l7.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/kcnlx5orqsxg.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/w90joioto7dg.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/eum32k6o896h.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/sxw9o9ayb7th.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/yishja2i9enz.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/fqktd4khyxfe.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/rr7s894vjpzn.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/qbkj4ui1smaj.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/go2d6bilmal0.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/to2xzdtd0b1h.jpg)
This template is designed to demonstrate text elements
![](https://playerjs.com/project/playerjs/images/templates/audio/gpqfih4ntbyx.jpg)
Ableton style
![](https://playerjs.com/project/playerjs/images/templates/audio/9x4its8cpbw8.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/dz3kugt05mqn.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/ehy7bp5yjh3x.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/l8i648xpln1k.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/pslf3knho739.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/k8d6ep6mdipt.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/upineg8izs9z.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/nf2tur0l2vdn.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/6pdqga9lxo8t.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/5j7t2np72w6p.jpg)
Winamp style
![](https://playerjs.com/project/playerjs/images/templates/audio/wnbflyzyrwmv.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/0uj29lfc7iv8.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/kof867mzxqap.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/4lxvdv6c9uut.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/jn3qqdkiav2q.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/49wkqruu7bdj.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/pb3w6180glzf.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/byej5iiwpk5q.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/th2wq0iyi8vw.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/weovieo0hppe.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/q7veirxtx08g.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/rhysp46n18va.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/js91tuhmi6cp.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/1dxc9kxm1c4z.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/ocugg8r4slxh.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/j2hc7kmwuaen.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/yltm5925ovew.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/o4cnqx6rpmis.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/qgoc90ghofku.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/esan847s1wf6.jpg)
![](https://playerjs.com/project/playerjs/images/templates/audio/dy5epbkn9eya.jpg)
PlayerJS.com
You can create your own HTML5 player in the PlayerJS builder for your website with no-code level for free. Try to create a video or audio player using modern technologies. We offer one of the best tools for creating and customizing online players.© 2018–2024 PlayerJS hello@playerjs.com