diff --git a/src/components/nowplayingbar/nowplayingbar.js b/src/components/nowplayingbar/nowplayingbar.js
index d8191e9ef1..fcbbc54f1a 100644
--- a/src/components/nowplayingbar/nowplayingbar.js
+++ b/src/components/nowplayingbar/nowplayingbar.js
@@ -31,7 +31,7 @@ define(['require', 'datetime', 'itemHelper', 'events', 'browser', 'imageLoader',
 
         html += '<div class="nowPlayingBarTop">';
         html += '<div class="nowPlayingBarPositionContainer sliderContainer">';
-        html += '<input type="range" is="emby-slider" pin step=".01" min="0" max="100" value="0" class="slider-medium-thumb nowPlayingBarPositionSlider"/>';
+        html += '<input type="range" is="emby-slider" pin step=".01" min="0" max="100" value="0" class="slider-medium-thumb nowPlayingBarPositionSlider" data-slider-keep-progress="true"/>';
         html += '</div>';
 
         html += '<div class="nowPlayingBarInfoContainer">';
@@ -187,14 +187,29 @@ define(['require', 'datetime', 'itemHelper', 'events', 'browser', 'imageLoader',
             volumeSliderContainer.classList.remove('hide');
         }
 
+        var volumeSliderTimer;
+
         function setVolume() {
+            clearTimeout(volumeSliderTimer);
+            volumeSliderTimer = null;
+
             if (currentPlayer) {
                 currentPlayer.setVolume(this.value);
             }
         }
+
+        function setVolumeDelayed() {
+            if (!volumeSliderTimer) {
+                var that = this;
+                volumeSliderTimer = setTimeout(function () {
+                    setVolume.call(that);
+                }, 700);
+            }
+        }
+
         volumeSlider.addEventListener('change', setVolume);
-        volumeSlider.addEventListener('mousemove', setVolume);
-        volumeSlider.addEventListener('touchmove', setVolume);
+        volumeSlider.addEventListener('mousemove', setVolumeDelayed);
+        volumeSlider.addEventListener('touchmove', setVolumeDelayed);
 
         positionSlider = elem.querySelector('.nowPlayingBarPositionSlider');
         positionSlider.addEventListener('change', function () {
@@ -393,7 +408,6 @@ define(['require', 'datetime', 'itemHelper', 'events', 'browser', 'imageLoader',
 
         var showMuteButton = true;
         var showVolumeSlider = true;
-        var progressElement = volumeSliderContainer.querySelector('.mdl-slider-background-lower');
 
         if (supportedCommands.indexOf('ToggleMute') === -1) {
             showMuteButton = false;
@@ -405,10 +419,6 @@ define(['require', 'datetime', 'itemHelper', 'events', 'browser', 'imageLoader',
             muteButton.querySelector('i').innerHTML = 'volume_up';
         }
 
-        if (progressElement) {
-            progressElement.style.width = (volumeLevel || 0) + '%';
-        }
-
         if (supportedCommands.indexOf('SetVolume') === -1) {
             showVolumeSlider = false;
         }
diff --git a/src/components/remotecontrol/remotecontrol.js b/src/components/remotecontrol/remotecontrol.js
index 29e7e8f42b..df1b01367d 100644
--- a/src/components/remotecontrol/remotecontrol.js
+++ b/src/components/remotecontrol/remotecontrol.js
@@ -279,8 +279,6 @@ define(["browser", "datetime", "backdrop", "libraryBrowser", "listView", "imageL
             var supportedCommands = currentPlayerSupportedCommands;
             var showMuteButton = true;
             var showVolumeSlider = true;
-            var volumeSlider = view.querySelector('.nowPlayingVolumeSliderContainer');
-            var progressElement = volumeSlider.querySelector('.mdl-slider-background-lower');
 
             if (-1 === supportedCommands.indexOf("Mute")) {
                 showMuteButton = false;
@@ -303,10 +301,6 @@ define(["browser", "datetime", "backdrop", "libraryBrowser", "listView", "imageL
                 view.querySelector(".buttonMute i").innerHTML = "volume_up";
             }
 
-            if (progressElement) {
-                progressElement.style.width = (volumeLevel || 0) + '%';
-            }
-
             if (showMuteButton) {
                 view.querySelector(".buttonMute").classList.remove("hide");
             } else {
@@ -615,15 +609,27 @@ define(["browser", "datetime", "backdrop", "libraryBrowser", "listView", "imageL
                 return datetime.getDisplayRunningTime(ticks);
             };
 
-            context.querySelector(".nowPlayingVolumeSlider").addEventListener("change", function () {
+            var volumeSliderTimer;
+
+            function setVolume() {
+                clearTimeout(volumeSliderTimer);
+                volumeSliderTimer = null;
+
                 playbackManager.setVolume(this.value, currentPlayer);
-            });
-            context.querySelector(".nowPlayingVolumeSlider").addEventListener("mousemove", function () {
-                playbackManager.setVolume(this.value, currentPlayer);
-            });
-            context.querySelector(".nowPlayingVolumeSlider").addEventListener("touchmove", function () {
-                playbackManager.setVolume(this.value, currentPlayer);
-            });
+            }
+
+            function setVolumeDelayed() {
+                if (!volumeSliderTimer) {
+                    var that = this;
+                    volumeSliderTimer = setTimeout(function () {
+                        setVolume.call(that);
+                    }, 700);
+                }
+            }
+
+            context.querySelector(".nowPlayingVolumeSlider").addEventListener("change", setVolume);
+            context.querySelector(".nowPlayingVolumeSlider").addEventListener("mousemove", setVolumeDelayed);
+            context.querySelector(".nowPlayingVolumeSlider").addEventListener("touchmove", setVolumeDelayed);
             context.querySelector(".buttonMute").addEventListener("click", function () {
                 playbackManager.toggleMute(currentPlayer);
             });
diff --git a/src/controllers/playback/videoosd.js b/src/controllers/playback/videoosd.js
index fd42f68498..1c73351db9 100644
--- a/src/controllers/playback/videoosd.js
+++ b/src/controllers/playback/videoosd.js
@@ -862,8 +862,6 @@ define(["playbackManager", "dom", "inputManager", "datetime", "itemHelper", "med
             var supportedCommands = currentPlayerSupportedCommands;
             var showMuteButton = true;
             var showVolumeSlider = true;
-            var volumeSlider = view.querySelector('.osdVolumeSliderContainer');
-            var progressElement = volumeSlider.querySelector('.mdl-slider-background-lower');
 
             if (-1 === supportedCommands.indexOf("Mute")) {
                 showMuteButton = false;
@@ -886,10 +884,6 @@ define(["playbackManager", "dom", "inputManager", "datetime", "itemHelper", "med
                 view.querySelector(".buttonMute i").innerHTML = "volume_up";
             }
 
-            if (progressElement) {
-                progressElement.style.width = (volumeLevel || 0) + '%';
-            }
-
             if (showMuteButton) {
                 view.querySelector(".buttonMute").classList.remove("hide");
             } else {
@@ -1411,39 +1405,28 @@ define(["playbackManager", "dom", "inputManager", "datetime", "itemHelper", "med
             }, options);
         }
 
+        function setVolume() {
+            clearTimeout(volumeSliderTimer);
+            volumeSliderTimer = null;
+
+            playbackManager.setVolume(this.value, currentPlayer);
+        }
+
+        function setVolumeDelayed() {
+            if (!volumeSliderTimer) {
+                var that = this;
+                volumeSliderTimer = setTimeout(function () {
+                    setVolume.call(that);
+                }, 700);
+            }
+        }
+
         view.querySelector(".buttonMute").addEventListener("click", function () {
             playbackManager.toggleMute(currentPlayer);
         });
-        nowPlayingVolumeSlider.addEventListener("change", function () {
-            if (volumeSliderTimer) {
-                // interupt and remove existing timer
-                clearTimeout(volumeSliderTimer);
-                volumeSliderTimer = null;
-            }
-            playbackManager.setVolume(this.value, currentPlayer);
-        });
-        nowPlayingVolumeSlider.addEventListener("mousemove", function () {
-            if (!volumeSliderTimer) {
-                var that = this;
-                // register new timer
-                volumeSliderTimer = setTimeout(function() {
-                    playbackManager.setVolume(that.value, currentPlayer);
-                    // delete timer after completion
-                    volumeSliderTimer = null;
-                }, 700);
-            }
-        });
-        nowPlayingVolumeSlider.addEventListener("touchmove", function () {
-            if (!volumeSliderTimer) {
-                var that = this;
-                // register new timer
-                volumeSliderTimer = setTimeout(function() {
-                    playbackManager.setVolume(that.value, currentPlayer);
-                    // delete timer after completion
-                    volumeSliderTimer = null;
-                }, 700);
-            }
-        });
+        nowPlayingVolumeSlider.addEventListener("change", setVolume);
+        nowPlayingVolumeSlider.addEventListener("mousemove", setVolumeDelayed);
+        nowPlayingVolumeSlider.addEventListener("touchmove", setVolumeDelayed);
 
         nowPlayingPositionSlider.addEventListener("change", function () {
             var player = currentPlayer;
diff --git a/src/elements/emby-slider/emby-slider.js b/src/elements/emby-slider/emby-slider.js
index bcadc48b70..12177fb60b 100644
--- a/src/elements/emby-slider/emby-slider.js
+++ b/src/elements/emby-slider/emby-slider.js
@@ -72,11 +72,15 @@ define(['browser', 'dom', 'layoutManager', 'keyboardnavigation', 'css!./emby-sli
         return Math.min(Math.max(fraction, 0), 1);
     }
 
-    function updateValues() {
+    /**
+     * Updates progress bar.
+     *
+     * @param {boolean} [isValueSet] update by 'valueset' event or by timer
+     */
+    function updateValues(isValueSet) {
 
-        // Do not update values when dragging with keyboard to keep current progress for reference
-        // Do not update values when touched to keep current progress for reference
-        if (!!this.keyboardDragging || !!this.touched) {
+        // Do not update values by 'valueset' in case of soft-implemented dragging
+        if (!!isValueSet && (!!this.keyboardDragging || !!this.touched)) {
             return;
         }
 
@@ -84,7 +88,9 @@ define(['browser', 'dom', 'layoutManager', 'keyboardnavigation', 'css!./emby-sli
         var value = range.value;
 
         // put this on a callback. Doing it within the event sometimes causes the slider to get hung up and not respond
-        requestAnimationFrame(function () {
+        // Keep only one per slider frame request
+        cancelAnimationFrame(range.updateValuesFrame);
+        range.updateValuesFrame = requestAnimationFrame(function () {
 
             var backgroundLower = range.backgroundLower;
 
@@ -191,6 +197,10 @@ define(['browser', 'dom', 'layoutManager', 'keyboardnavigation', 'css!./emby-sli
         dom.addEventListener(this, 'input', function (e) {
             this.dragging = true;
 
+            if (this.dataset.sliderKeepProgress !== 'true') {
+                updateValues.call(this);
+            }
+
             var bubbleValue = mapValueToFraction(this, this.value) * 100;
             updateBubble(this, bubbleValue, sliderBubble);
 
@@ -204,7 +214,10 @@ define(['browser', 'dom', 'layoutManager', 'keyboardnavigation', 'css!./emby-sli
 
         dom.addEventListener(this, 'change', function () {
             this.dragging = false;
-            updateValues.call(this);
+
+            if (this.dataset.sliderKeepProgress === 'true') {
+                updateValues.call(this);
+            }
 
             sliderBubble.classList.add('hide');
             hasHideClass = true;
@@ -294,7 +307,7 @@ define(['browser', 'dom', 'layoutManager', 'keyboardnavigation', 'css!./emby-sli
         }
 
         if (supportsValueSetOverride) {
-            this.addEventListener('valueset', updateValues);
+            this.addEventListener('valueset', updateValues.bind(this, true));
         } else {
             startInterval(this);
         }
@@ -473,7 +486,7 @@ define(['browser', 'dom', 'layoutManager', 'keyboardnavigation', 'css!./emby-sli
         if (interval) {
             clearInterval(interval);
         }
-        range.interval = setInterval(updateValues.bind(range), 100);
+        range.interval = setInterval(updateValues.bind(range, true), 100);
     }
 
     EmbySliderPrototype.detachedCallback = function () {
diff --git a/src/nowplaying.html b/src/nowplaying.html
index 78813255c8..68486a2e72 100644
--- a/src/nowplaying.html
+++ b/src/nowplaying.html
@@ -9,7 +9,7 @@
                 <h2 class="nowPlayingPageTitle"></h2>
 
                 <div class="sliderContainer nowPlayingPositionSliderContainer">
-                    <input type="range" is="emby-slider" pin step="1" min="0" max="100" value="0" class="nowPlayingPositionSlider" />
+                    <input type="range" is="emby-slider" pin step="1" min="0" max="100" value="0" class="nowPlayingPositionSlider" data-slider-keep-progress="true" />
                 </div>
 
                 <div class="nowPlayingInfoButtons">
diff --git a/src/videoosd.html b/src/videoosd.html
index a099605d0d..a2bfb7988e 100644
--- a/src/videoosd.html
+++ b/src/videoosd.html
@@ -18,7 +18,7 @@
             <div class="flex flex-direction-row align-items-center">
                 <div class="osdTextContainer startTimeText" style="margin: 0 .25em 0 0;"></div>
                 <div class="sliderContainer flex-grow" style="margin: .5em .5em .25em;">
-                    <input type="range" step=".01" min="0" max="100" value="0" is="emby-slider" class="osdPositionSlider" />
+                    <input type="range" step=".01" min="0" max="100" value="0" is="emby-slider" class="osdPositionSlider" data-slider-keep-progress="true" />
                 </div>
                 <div class="osdTextContainer endTimeText" style="margin: 0 0 0 .25em;"></div>
             </div>