| 12345678910111213141516171819202122232425262728 | 
							- <div class="videogular-container bg-light lter">
 
-   <videogular 
 
-     vg-player-ready="onPlayerReady" 
 
-     vg-complete="onComplete" 
 
-     vg-theme="config.theme.url"  
 
-     vg-autoplay="config.autoPlay" 
 
-     class="videogular-container audio">
 
-     <vg-audio vg-src="config.sources"></vg-audio>
 
-     <vg-controls>
 
-       <vg-button ng-show="audios.length-1" ng-click="play('prev')"><i class="fa fa-backward"></i></vg-button>
 
-       <vg-play-pause-button></vg-play-pause-button>
 
-       <vg-button ng-show="audios.length-1" ng-click="play('next')"><i class="fa fa-forward"></i></vg-button>
 
-       <vg-timedisplay class="hidden-xs">{{ currentTime | date:'mm:ss' }}</vg-timedisplay>
 
-       <vg-scrubBar>
 
-         <vg-title class="hidden-xs">{{config.title}}</vg-title>
 
-         <vg-scrubbarcurrenttime class="bg-info" style="height: 4px"></vg-scrubbarcurrenttime>
 
-       </vg-scrubBar>
 
-       <vg-timedisplay>{{ timeLeft | date:'mm:ss' }}</vg-timedisplay>
 
-        
 
-       <vg-button ng-click="toggleShuffle()" title="Shuffle"><i class="fa fa-random" ng-class="{'text-info':config.shuffle}"></i></vg-button>
 
-       <vg-button ng-click="toggleRepeat()" title="Repeat"><i class="fa fa-retweet" ng-class="{'text-info':config.repeat}"></i></vg-button>
 
-       <vg-volume>
 
-         <vg-mutebutton></vg-mutebutton>
 
-       </vg-volume>
 
-     </vg-controls>
 
-   </videogular>
 
- </div>
 
 
  |