ProgressionPlayer - Responsive Audio/Video Player

Fancy Skin

Step 1: Add CSS Stylesheet

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

<link rel="stylesheet" href="../css/skin-fancy.css" /><!-- Fancy Skin -->


Step 2: Add skin class to player

Add a class of "progression-fancy" 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-fancy 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