ProgressionPlayer - Responsive Audio/Video Player

Dark Skin

Step 1: Add CSS Stylesheet

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

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


Step 2: Add skin class to player

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