diff --git a/src/components/remotecontrol/remotecontrol.js b/src/components/remotecontrol/remotecontrol.js
index 8e2a382d1d..459af495b3 100644
--- a/src/components/remotecontrol/remotecontrol.js
+++ b/src/components/remotecontrol/remotecontrol.js
@@ -593,6 +593,18 @@ define(["browser", "datetime", "backdrop", "libraryBrowser", "listView", "imageL
}
function bindEvents(context) {
+ var contextmenuHtml = '';
+ var volumecontrolHtml = '
';
+ volumecontrolHtml += '
';
+ volumecontrolHtml += '
';
+ volumecontrolHtml += '
';
+ if (!layoutManager.mobile) {
+ context.querySelector(".nowPlayingSecondaryButtons").innerHTML += volumecontrolHtml;
+ context.querySelector(".playlistSectionButton").innerHTML += contextmenuHtml;
+ } else {
+ context.querySelector(".playlistSectionButton").innerHTML += volumecontrolHtml + contextmenuHtml;
+ }
+
var btnCommand = context.querySelectorAll(".btnCommand");
for (var i = 0, length = btnCommand.length; i < length; i++) {
@@ -672,18 +684,6 @@ define(["browser", "datetime", "backdrop", "libraryBrowser", "listView", "imageL
playbackManager.setVolume(this.value, currentPlayer);
}
- var contextmenuHtml = '';
- var volumecontrolHtml = '';
- volumecontrolHtml += '
';
- volumecontrolHtml += '
';
- volumecontrolHtml += '
';
- if (!layoutManager.mobile) {
- context.querySelector(".nowPlayingSecondaryButtons").innerHTML += volumecontrolHtml;
- context.querySelector(".playlistSectionButton").innerHTML += contextmenuHtml;
- } else {
- context.querySelector(".playlistSectionButton").innerHTML += volumecontrolHtml + contextmenuHtml;
- }
-
context.querySelector(".nowPlayingVolumeSlider").addEventListener("change", setVolume);
context.querySelector(".nowPlayingVolumeSlider").addEventListener("mousemove", setVolume);
context.querySelector(".nowPlayingVolumeSlider").addEventListener("touchmove", setVolume);