Elements / Media Player

HTML5 Video (Plyr)

HTML5 Audio (Plyr)

Youtube Video (Plyr)

Vimeo Video (Plyr)

How To Use

Basic Use HTML
<video poster="assets/images/bg/video-1-poster.jpg" class="plyr-video" playsinline controls>
    <source src="assets/media/video-1-576p.mp4" type="video/mp4" size="576" />
    <source src="assets/media/video-1-720p.mp4" type="video/mp4" size="720" />
    <source src="assets/media/video-1-1080p.mp4" type="video/mp4" size="1080" />
</video>
Js Activation
const plyrVideo = new Plyr('.plyr-video');

For more Information please follow the Official Documentation