ProgressionPlayer - Responsive Audio/Video Player

Minimal Light Skin

Step 1: Add CSS Stylesheet

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

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


Step 2: Add skin class to player

Add a class of "progression-minimal-light" 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-light progression-audio-player" controls="controls" preload="none">
	<source src="../media/AirReview-Landmarks-02-ChasingCorporate.mp3" type="audio/mp3"/>
</audio>


Audio Player



Video Player



Audio Playlist