fixed bugs with video player

src/assets/css/videoosd.scss

@@ -126,6 +126,10 @@
     -webkit-box-align: center;
     -webkit-align-items: center;
     align-items: center;
+
+    [dir="rtl"] & {
+        flex-direction: row-reverse;
+    }
 }
 
 .osdVolumeSliderContainer {
@@ -142,6 +146,10 @@
     display: -webkit-flex;
     align-items: center;
     -webkit-box-align: center;
+
+    [dir="rtl"] & {
+        flex-direction: row-reverse;
+    }
 }
 
 .volumeButtons {

src/elements/emby-slider/emby-slider.js

@@ -33,10 +33,8 @@ import datetime from '../../scripts/datetime';
         const rect = range.sliderBubbleTrack.getBoundingClientRect();
 
         let fraction = (clientX - rect.left) / rect.width;
-
+        if (getIsRTL())
-        if (getIsRTL()) {
+            fraction = (rect.right - clientX) / rect.width;
-            fraction = (rect.width - (clientX - rect.left)) / rect.width;
-        }
 
         // Snap to step
         const valueRange = range.max - range.min;
@@ -130,7 +128,7 @@ import datetime from '../../scripts/datetime';
                 if (range.getBubbleText) {
                     value = range.getBubbleText(value);
                 } else {
-                    value = datetime.toLocaleString(mapFractionToValue(range, value / 100));
+                    value = mapFractionToValue(range, value / 100).toLocaleString();
                 }
                 value = '<h1 class="sliderBubbleText">' + value + '</h1>';
             }