1 files changed, 20 insertions, 22 deletions

diff --git a/src/less/plyr.less b/src/less/plyr.less
index 047c6867..0c36930c 100644
--- a/src/less/plyr.less
+++ b/src/less/plyr.less
@@ -3,8 +3,8 @@
 // https://github.com/sampotts/plyr
 // ==========================================================================
 
-@import "variables";
-@import "mixins";
+@import 'variables';
+@import 'mixins';
 
 // Animation
 // ---------------------------------------
@@ -304,7 +304,7 @@
         margin-left: (@plyr-control-spacing / 2);
 
         &:first-child,
-        &:first-child + [data-plyr="pause"] {
+        &:first-child + [data-plyr='pause'] {
             margin-left: 0;
         }
     }
@@ -536,7 +536,7 @@
 
         // Arrow
         &::after {
-            content: "";
+            content: '';
             position: absolute;
             top: 100%;
             right: 15px;
@@ -563,7 +563,7 @@
             user-select: none;
 
             &::after {
-                content: "";
+                content: '';
                 position: absolute;
                 top: 50%;
                 transform: translateY(-50%);
@@ -582,7 +582,7 @@
             &--back {
                 position: relative;
                 @horizontal-padding: (@plyr-control-padding * 2);
-                width: ~"calc(100% - @{horizontal-padding})";
+                width: ~'calc(100% - @{horizontal-padding})';
                 margin: @plyr-control-padding;
                 margin-bottom: floor(@plyr-control-padding / 2);
                 padding-left: ceil(@plyr-control-padding * 4);
@@ -593,7 +593,7 @@
                     border-right-color: fade(@plyr-menu-color, 80%);
                 }
                 &::before {
-                    content: "";
+                    content: '';
                     position: absolute;
                     top: 100%;
                     left: 0;
@@ -610,7 +610,7 @@
         label.plyr__control {
             padding-left: ceil(@plyr-control-padding * 2.5);
 
-            input[type="radio"] {
+            input[type='radio'] {
                 position: relative;
                 left: -@plyr-control-padding;
             }
@@ -736,7 +736,7 @@
     display: none;
     flex: 1;
 
-    input[type="range"] {
+    input[type='range'] {
         position: relative;
         z-index: 2;
 
@@ -909,7 +909,7 @@
     flex: 1;
     position: relative;
 
-    input[type="range"] {
+    input[type='range'] {
         position: relative;
         z-index: 2;
     }
@@ -933,14 +933,8 @@
 // Fullscreen
 // --------------------------------------------------------------
 .plyr--fullscreen-active {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
     height: 100%;
     width: 100%;
-    z-index: 10000000;
     background: #000;
     border-radius: 0 !important;
 
@@ -955,12 +949,6 @@
         // Revert overflow change
         overflow: visible;
     }
-    .plyr__controls {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-    }
 
     // Vimeo requires some different styling
     &.plyr--vimeo .plyr__video-wrapper {
@@ -969,3 +957,13 @@
         transform: translateY(-50%);
     }
 }
+
+// Fallback for unsupported browsers
+.plyr--fullscreen-fallback.plyr--fullscreen-active {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 10000000;
+}