From 611f90b5646f1e0fbe9ac9c2e11bb30c1348d646 Mon Sep 17 00:00:00 2001
From: Hadi Charara <hadi.charara@protonmail.com>
Date: Tue, 5 Jul 2022 19:44:55 -0400
Subject: [PATCH] fixed bugs with video player

---
 src/assets/css/videoosd.scss            | 8 ++++++++
 src/elements/emby-slider/emby-slider.js | 8 +++-----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/assets/css/videoosd.scss b/src/assets/css/videoosd.scss
index c0ef57dd5c..a37a11849d 100644
--- a/src/assets/css/videoosd.scss
+++ b/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 {
diff --git a/src/elements/emby-slider/emby-slider.js b/src/elements/emby-slider/emby-slider.js
index ba9d9da7cc..63cf524d98 100644
--- a/src/elements/emby-slider/emby-slider.js
+++ b/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()) {
-            fraction = (rect.width - (clientX - rect.left)) / rect.width;
-        }
+        if (getIsRTL())
+            fraction = (rect.right - clientX) / 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>';
             }