add mobile-controls-visible css

Author: dularion

dist/streama-video-player.css

@@ -45,7 +45,7 @@ streama-video-player{
   .next-video-overlay{
     @include vendor-property('transition', 'padding 0.2s');
     position: absolute;
-    bottom: 75px;
+    bottom: 20px;
     right: 0;
     background: rgba(0, 0, 0, 0.8);
     padding: 0;
@@ -203,6 +203,12 @@ streama-video-player{
 
     @include vendor-property('animation', 'spin 1s infinite linear');
   }
+
+  &.mobile-controls-visible{
+    .next-video-overlay{
+      bottom: 75px;
+    }
+  }
 }
 
 

dist/streama-video-player.js

@@ -1,4 +1,4 @@
-<div class="player-wrapper">
+<div class="player-wrapper" ng-class="{'mobile-controls-visible': isMobileControlsVisible}">
   <pre>{{options.videoStillImage}}</pre>
   <div class="video-wrapper-inner" ng-style="getBackgroundStyle()" ng-click="toggleControls()">