Examples

Just include clean player files to your page and add code as listed below. Thats all.

<div class="cleanPlayer" boxshadow borderradius>
<video title="Duke Dumont - Ocean Drive" descr="Official Music Video" download>
<source provider="youtube" src="https://www.youtube.com/watch?v=KDxJlW6cxRk" />
</video>
</div>
<div class="cleanPlayer" theme="red">
<audio title="Shoutcast: 1.FM - 80s EURO" descr="Streaming Audio">
<source type="audio/mp3" src="http://sc2b-sjc.1.fm:8097/;" />
</audio>
<audio title="Swinskog — Roads! (Original Mix)" descr="by Swinskog" download>
<source type="audio/mp3" src="https://cleanhtmlplayer.com/cdn/audio/media/Swinskog - Roads! (Original Mix).mp3" />
</audio>
<audio title="DJ Kama — Sueno Latino (Original Mix)" descr="by DJ Kama" download>
<source type="audio/mp3" src="https://cleanhtmlplayer.com/cdn/audio/media/DJ Kama - Sueno Latino (Original Mix).mp3" />
</audio>
<audio title="Erkka — Talk To The Hand" descr="by Erkka">
<source type="audio/mp3" src="https://cleanhtmlplayer.com/cdn/audio/media/Erkka - Talk To The Hand.mp3" />
</audio>
</div>

Video player with playlist, youtube in first video, quality settings and captions in second video

<div class="cleanPlayer" boxshadow borderradius theme="light">
<video title="Duke Dumont - Ocean Drive" descr="YouTube Source" controls download>
<source provider="youtube" src="https://www.youtube.com/watch?v=KDxJlW6cxRk" />
</video>
<video title="Quality Settings & Captions Demo" descr="Mp4" poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg">
<source type="video/mp4" size="576" src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4" />
<source type="video/mp4" size="720" src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-720p.mp4" />
<source type="video/mp4" size="1080" src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-1080p.mp4" />
<track default label="English" srclang="en" src="https://www.cleanhtmlplayer.com/cdn/video/media/View_From_A_Blue_Moon_Trailer-HD.en.vtt" />
<track label="Français" srclang="fr" src="https://www.cleanhtmlplayer.com/cdn/video/media/View_From_A_Blue_Moon_Trailer-HD.fr.vtt" />
</video>
</div>