ProgressionPlayer - Responsive Audio/Video Player

Minimal Dark Skin

Step 1: Add CSS Stylesheet

Add the style-sheet call to the <head> of your document. The minimal dark stylsheet will look like this:

<link rel="stylesheet" href="../css/skin-minimal-dark.css" /><!-- Minimal Dark Skin -->


Step 2: Add skin class to player

Add a class of "progression-minimal-dark" to your audio/video container. This class is to be placed in the same list of classes as "progression-skin". Example:

<audio class="progression-single progression-skin progression-minimal-dark progression-audio-player" controls="controls" preload="none">
	<source src="../media/cheer-up-preview.mp3" type="audio/mp3"/>
</audio>


Audio Player



Video Player



Audio Playlist