diff --git a/samples/dash-if-reference-player/app/css/main.css b/samples/dash-if-reference-player/app/css/main.css
index 913e5fdcb1..e021400bb4 100644
--- a/samples/dash-if-reference-player/app/css/main.css
+++ b/samples/dash-if-reference-player/app/css/main.css
@@ -689,6 +689,10 @@ BS Information
     border-left-color: #5cb85c ;
 }
 
+.bs-callout-warning {
+    border-left-color: #f0ad4e ;
+}
+
 .bs-callout-danger {
     border-left-color: #CA0B00;
 }
diff --git a/samples/dash-if-reference-player/app/main.js b/samples/dash-if-reference-player/app/main.js
index 7c921b9b9a..22e4f6a30c 100644
--- a/samples/dash-if-reference-player/app/main.js
+++ b/samples/dash-if-reference-player/app/main.js
@@ -233,6 +233,20 @@ app.controller('DashController', ['$scope', '$window', 'sources', 'contributors'
 
     $scope.conformanceViolations = [];
 
+    var defaultExternalSettings = {
+        mpd: encodeURIComponent('https://dash.akamaized.net/akamai/bbb_30fps/bbb_30fps.mpd'),
+        loop: true,
+        autoPlay: true,
+        drmToday: false,
+        forceQualitySwitchSelected: false,
+        drmPrioritiesEnabled: false,
+        languageAudio: null,
+        roleVideo: null,
+        languageText: null,
+        roleText: undefined,
+        forceTextStreaming: false
+    }
+
     // metrics
     $scope.videoBitrate = 0;
     $scope.videoIndex = 0;
@@ -313,6 +327,8 @@ app.controller('DashController', ['$scope', '$window', 'sources', 'contributors'
     // store a ref in window.player to provide an easy way to play with dash.js API
     window.player = $scope.player = dashjs.MediaPlayer().create(); /* jshint ignore:line */
 
+    const defaultSettings = JSON.parse(JSON.stringify($scope.player.getSettings()));
+
     $scope.player.on(dashjs.MediaPlayer.events.ERROR, function (e) { /* jshint ignore:line */
         console.log(e);
         if (!e.event) {
@@ -1414,18 +1430,21 @@ app.controller('DashController', ['$scope', '$window', 'sources', 'contributors'
 
     /** Copy a URL containing the current settings as query Parameters to the Clipboard */
     $scope.copyQueryUrl = function () {
-        var externalSettingsString = 'mpd=' + encodeURIComponent(decodeURIComponent($scope.selectedItem.url))
-            + '&loop=' + $scope.loopSelected
-            + '&autoPlay=' + $scope.autoPlaySelected
-            + '&drmToday=' + $scope.drmToday
-            + '&forceQualitySwitchSelected=' + $scope.forceQualitySwitchSelected
-            + '&drmPrioritiesEnabled=' + $scope.prioritiesEnabled
-            + '&languageAudio=' + $scope.initialSettings.audio
-            + '&roleVideo=' + $scope.initialSettings.video
-            + '&languageText=' + $scope.initialSettings.text
-            + '&roleText=' + $scope.initialSettings.textRole
-            + '&forceTextStreaming=' + $scope.initialSettings.forceTextStreaming
-            + '&';
+        var currentExternalSettings = {
+            mpd: encodeURIComponent(decodeURIComponent($scope.selectedItem.url)),
+            loop: $scope.loopSelected,
+            autoPlay: $scope.autoPlaySelected,
+            drmToday: $scope.drmToday,
+            forceQualitySwitchSelected: $scope.forceQualitySwitchSelected,
+            drmPrioritiesEnabled: $scope.prioritiesEnabled,
+            languageAudio: $scope.initialSettings.audio,
+            roleVideo: $scope.initialSettings.video,
+            languageText: $scope.initialSettings.text,
+            roleText: $scope.textRole,
+            forceTextStreaming: $scope.initialSettings.forceTextStreaming
+        }
+
+        var externalSettingsString = $scope.toQueryString($scope.makeSettingDifferencesObject(currentExternalSettings, defaultExternalSettings));
 
         $scope.handleRequestHeaders();
         $scope.handleClearkeys();
@@ -1436,25 +1455,29 @@ app.controller('DashController', ['$scope', '$window', 'sources', 'contributors'
                 switch (drm.drmKeySystem) {
                     case 'com.microsoft.playready':
                         currentDrm = { 'playready': drm };
-                        externalSettingsString += $scope.toQueryString(currentDrm) + '&';
+                        externalSettingsString += '&' + $scope.toQueryString(currentDrm);
                         break;
                     case 'com.widevine.alpha':
                         currentDrm = { 'widevine': drm };
-                        externalSettingsString += $scope.toQueryString(currentDrm) + '&';
+                        externalSettingsString += '&' + $scope.toQueryString(currentDrm);
                         break;
                     case 'org.w3.clearkey':
                         currentDrm = { 'clearkey': drm };
-                        externalSettingsString += $scope.toQueryString(currentDrm) + '&';
+                        externalSettingsString += '&' + $scope.toQueryString(currentDrm);
                         break;
                 }
             }
         }
         var currentSetting = $scope.player.getSettings();
+        currentSetting = $scope.makeSettingDifferencesObject(currentSetting, defaultSettings);
+
         var url = window.location.protocol + '//' + window.location.host + window.location.pathname + '?';
-        var queryString = externalSettingsString + $scope.toQueryString(currentSetting);
+        var queryString = externalSettingsString + '+&' + $scope.toQueryString(currentSetting);
 
         var urlString = url + queryString;
 
+        if (urlString.slice(-1) === '&') urlString = urlString.slice(0, -1);
+
         $scope.checkQueryLength(urlString);
 
         const element = document.createElement('textarea');
@@ -1465,6 +1488,57 @@ app.controller('DashController', ['$scope', '$window', 'sources', 'contributors'
         document.body.removeChild(element);
     }
 
+    $scope.makeSettingDifferencesObject = function (settings, defaultSettings) {
+        var settingDifferencesObject = {};
+
+        if (Array.isArray(settings)) {
+            console.log(settings)
+            return _arraysEqual(settings, defaultSettings) ? {} : settings;
+        }
+
+        for (var setting in settings) {
+            if (typeof defaultSettings[setting] === 'object' && defaultSettings[setting] !== null && !(defaultSettings[setting] instanceof Array)) {
+                settingDifferencesObject[setting] = this.makeSettingDifferencesObject(settings[setting], defaultSettings[setting], false);
+            }
+            else if(settings[setting] !== defaultSettings[setting]){
+                if(Array.isArray(settings[setting])){
+                    settingDifferencesObject[setting] = _arraysEqual(settings[setting], defaultSettings[setting]) ? {} : settings[setting];
+                }
+                else {
+                    settingDifferencesObject[setting] = settings[setting];
+                }
+                
+            }
+        }
+
+        return settingDifferencesObject;
+    }
+
+    function _arraysEqual(a, b) {
+        if (a === b) {
+            return true;
+        }
+        if (a == null || b == null) {
+            return false;
+        }
+        if (a.length !== b.length) {
+            return false;
+        }
+
+        // If you don't care about the order of the elements inside
+        // the array, you should sort both arrays here.
+        // Please note that calling sort on an array will modify that array.
+        // you might want to clone your array first.
+
+        for (var i = 0; i < a.length; ++i) {
+            if (a[i] !== b[i]) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
     /** Transform the current Settings into a nested query-string format */
     $scope.toQueryString = function (settings, prefix) {
         var urlString = [];
@@ -1478,7 +1552,7 @@ app.controller('DashController', ['$scope', '$window', 'sources', 'contributors'
             }
         }
         // Make the string, then remove all cases of && caused by empty settings
-        return urlString.join('&').split('&&').join('&');
+        return urlString.join('&').split(/&&*/).join('&');
     }
 
     /** Resolve nested query parameters */
@@ -1620,9 +1694,10 @@ app.controller('DashController', ['$scope', '$window', 'sources', 'contributors'
             var [key, value] = handleExternalSettings[index].split('=') || '';
             switch (key) {
                 case 'mpd':
-                    $scope.selectedItem.url = decodeURIComponent(value);
+                    $scope.selectedItem.url = decodeURIComponent(value).slice(0, -1);
+                    break;
                 case 'loop':
-                    $scope.loopSelected = $scope.parseBoolean(value);
+                    $scope.loopSelected = this.parseBoolean(value);
                     break;
                 case 'autoPlay':
                     $scope.autoPlaySelected = this.parseBoolean(value);
@@ -1672,7 +1747,7 @@ app.controller('DashController', ['$scope', '$window', 'sources', 'contributors'
         if (!currentQuery.includes('&')) {
             return;
         }
-        var passedSettings = currentQuery.slice(currentQuery.indexOf('debug'));
+        var passedSettings = currentQuery.slice(currentQuery.indexOf('+')).substring(1);
         passedSettings = $scope.toSettingsObject(passedSettings)[0];
         $scope.protectionData = $scope.toSettingsObject(currentQuery)[1];
         $scope.player.updateSettings(passedSettings);
diff --git a/samples/dash-if-reference-player/index.html b/samples/dash-if-reference-player/index.html
index 9c0dcb05b2..2a521e71ed 100644
--- a/samples/dash-if-reference-player/index.html
+++ b/samples/dash-if-reference-player/index.html
@@ -131,12 +131,12 @@
                             ng-cloak>{{getOptionsButtonLabel()}}</button>
                     <button class="btn btn-default" type="button" ng-click="doStop()">Stop</button>
                     <button class="btn btn-primary" type="button" ng-click="doLoad()">Load</button>
-                    <!-- Testbutton -->
+                <!-- Testbutton -->
                     <button class="btn btn-default" type="button" ng-click="copyQueryUrl(); copyNotificationShow()">Copy Settings URL</button>
                 </span>
         </div>
         <div id='copyNotificationPopup' class='copyPopup'>
-            <div id='copyPopupContent' class='copyPopupContent'> URL Copied! </div>
+            <div id='copyPopupContent' class='copyPopupContent'> URL Copied!</div>
         </div>
     </div>
 
@@ -199,14 +199,16 @@
                     <div class="sub-options-item-body">
                         <label data-toggle="tooltip" data-placement="right"
                                title="Default catchup mechanism to keep the desired live latency.">
-                            <input type="radio" id="liveCatchupModeDefault" autocomplete="off" ng-model="liveCatchupMode"
+                            <input type="radio" id="liveCatchupModeDefault" autocomplete="off"
+                                   ng-model="liveCatchupMode"
                                    name="catchupMode" value="liveCatchupModeDefault"
                                    ng-click="changeLiveCatchupMode('liveCatchupModeDefault')">
                             Default
                         </label>
                         <label data-toggle="tooltip" data-placement="right"
                                title="LoL+ based catchup mechanism to keep the desired live latency.">
-                            <input type="radio" id="liveCatchupModeLoLP" autocomplete="off" ng-model="liveCatchupMode" name="catchupMode"
+                            <input type="radio" id="liveCatchupModeLoLP" autocomplete="off" ng-model="liveCatchupMode"
+                                   name="catchupMode"
                                    ng-click="changeLiveCatchupMode('liveCatchupModeLoLP')" value="liveCatchupModeLoLP">
                             LoL+ based
                         </label>
@@ -247,19 +249,22 @@
                     <div class="sub-options-item-body">
                         <label data-toggle="tooltip" data-placement="right"
                                title="Dynamically switch between BOLA and Throughput strategies.">
-                            <input type="radio" id="abrDynamic" autocomplete="off" name="abrStrategy" checked="checked" ng-model="ABRStrategy"
+                            <input type="radio" id="abrDynamic" autocomplete="off" name="abrStrategy" checked="checked"
+                                   ng-model="ABRStrategy"
                                    ng-click="changeABRStrategy('abrDynamic')" value="abrDynamic">
                             ABR Strategy: Dynamic
                         </label>
                         <label data-toggle="tooltip" data-placement="right"
                                title="Choose bitrate based on buffer level.">
-                            <input type="radio" id="abrBola" autocomplete="off" name="abrStrategy" ng-model="ABRStrategy"
+                            <input type="radio" id="abrBola" autocomplete="off" name="abrStrategy"
+                                   ng-model="ABRStrategy"
                                    ng-click="changeABRStrategy('abrBola')" value="abrDynamic">
                             ABR Strategy: BOLA
                         </label>
                         <label data-toggle="tooltip" data-placement="right"
                                title="Choose bitrate based on recent throughput.">
-                            <input type="radio" id="abrThroughput" autocomplete="off" name="abrStrategy" ng-model="ABRStrategy"
+                            <input type="radio" id="abrThroughput" autocomplete="off" name="abrStrategy"
+                                   ng-model="ABRStrategy"
                                    ng-click="changeABRStrategy('abrThroughput')" value="abrThroughput">
                             ABR Strategy: Throughput
                         </label>
@@ -295,13 +300,15 @@
                     <div class="sub-options-item-body">
                         <label data-toggle="tooltip" data-placement="right"
                                title="Choose bitrate using the L2A algorithm.">
-                            <input type="radio" id="abrL2all" autocomplete="off" name="abrStrategy" ng-model="ABRStrategy"
+                            <input type="radio" id="abrL2all" autocomplete="off" name="abrStrategy"
+                                   ng-model="ABRStrategy"
                                    ng-click="changeABRStrategy('abrL2A')" value="abrL2A">
                             ABR Strategy: L2A-LL
                         </label>
                         <label data-toggle="tooltip" data-placement="right"
                                title="Choose bitrate using the LoL+ algorithm.">
-                            <input type="radio" id="abrLoLP" autocomplete="off" name="abrStrategy" ng-model="ABRStrategy"
+                            <input type="radio" id="abrLoLP" autocomplete="off" name="abrStrategy"
+                                   ng-model="ABRStrategy"
                                    ng-click="changeABRStrategy('abrLoLP')" value="abrLoLP">
                             ABR Strategy: LoL+
                         </label>
@@ -312,24 +319,29 @@
                     <div class="sub-options-item-body">
                         <label data-toggle="tooltip" data-placement="right"
                                title="Default fetch throughput calculation for low latency streaming based on downloaded data chunks.">
-                            <input type="radio" id="abrFetchThroughputCalculationDownloadedData" autocomplete="off" ng-model="abrThroughputCalculationMode"
-                                    name="abrFetchThroughputCalculation" value="abrFetchThroughputCalculationDownloadedData"
+                            <input type="radio" id="abrFetchThroughputCalculationDownloadedData" autocomplete="off"
+                                   ng-model="abrThroughputCalculationMode"
+                                   name="abrFetchThroughputCalculation"
+                                   value="abrFetchThroughputCalculationDownloadedData"
                                    ng-click="changeFetchThroughputCalculation('abrFetchThroughputCalculationDownloadedData')">
                             Data chunks
                         </label>
                         <label data-toggle="tooltip" data-placement="right"
                                title="LoL+ fetch throughput calculation for low latency streaming based on moof parsing.">
-                            <input type="radio" id="abrFetchThroughputCalculationMoofParsing" autocomplete="off" ng-model="abrThroughputCalculationMode"
-                                   checked="checked" name="abrFetchThroughputCalculation" value="abrFetchThroughputCalculationMoofParsing"
+                            <input type="radio" id="abrFetchThroughputCalculationMoofParsing" autocomplete="off"
+                                   ng-model="abrThroughputCalculationMode"
+                                   checked="checked" name="abrFetchThroughputCalculation"
+                                   value="abrFetchThroughputCalculationMoofParsing"
                                    ng-click="changeFetchThroughputCalculation('abrFetchThroughputCalculationMoofParsing')">
                             moof parsing
                         </label>
                         <label data-toggle="tooltip" data-placement="right"
-                            title="Further approach for measurement and estimation (FAME) for fetch throughput calculation for low latency streaming based on AAST decisioning / availability of chunk and optimistic estimation.">
-                            <input type="radio" id="abrFetchThroughputCalculationAAST" autocomplete="off" ng-model="abrThroughputCalculationMode"
-                                name="abrFetchThroughputCalculation" value="abrFetchThroughputCalculationAAST"
-                                ng-click="changeFetchThroughputCalculation('abrFetchThroughputCalculationAAST')">
-                           AST decisioning
+                               title="Further approach for measurement and estimation (FAME) for fetch throughput calculation for low latency streaming based on AAST decisioning / availability of chunk and optimistic estimation.">
+                            <input type="radio" id="abrFetchThroughputCalculationAAST" autocomplete="off"
+                                   ng-model="abrThroughputCalculationMode"
+                                   name="abrFetchThroughputCalculation" value="abrFetchThroughputCalculationAAST"
+                                   ng-click="changeFetchThroughputCalculation('abrFetchThroughputCalculationAAST')">
+                            AST decisioning
                         </label>
                     </div>
                 </div>
@@ -600,12 +612,14 @@
                     <div class="sub-options-item-body">
                         <label data-toggle="tooltip" data-placement="right"
                                title="Use KID=Key to specify Clearkey DRM.">
-                            <input type="radio" id="kidKey" autocomplete="off" name="inputMode" ng-model="drmClearkey.inputMode" value="kidKey">
+                            <input type="radio" id="kidKey" autocomplete="off" name="inputMode"
+                                   ng-model="drmClearkey.inputMode" value="kidKey">
                             KID=KEY
                         </label>
                         <label data-toggle="tooltip" data-placement="right"
                                title="Use Licenseserver-URL to specify Clearkey DRM">
-                            <input type="radio" id="licenseServer" autocomplete="off" name="inputMode" ng-model="drmClearkey.inputMode" value="licenseServer">
+                            <input type="radio" id="licenseServer" autocomplete="off" name="inputMode"
+                                   ng-model="drmClearkey.inputMode" value="licenseServer">
                             License Server
                         </label>
                     </div>
@@ -615,7 +629,8 @@
                     <div class="sub-options-item-body">
                         <label data-toggle="tooltip" data-placement="right"
                                title="DRM Today">
-                            <input type="checkbox" id="drmTodayServer" ng-model="drmToday" autocomplete="off" name="inputMode">
+                            <input type="checkbox" id="drmTodayServer" ng-model="drmToday" autocomplete="off"
+                                   name="inputMode">
                             DRM Today
                         </label>
                     </div>
@@ -626,9 +641,11 @@
             <div class="options-item-title">Live delay</div>
             <div class="options-item-body">
                 <label class="options-label">Initial Live delay:</label>
-                <input type="text" class="form-control" placeholder="value seconds" ng-model="initialLiveDelay" ng-change="updateInitialLiveDelay()">
+                <input type="text" class="form-control" placeholder="value seconds" ng-model="initialLiveDelay"
+                       ng-change="updateInitialLiveDelay()">
                 <label class="options-label">Initial LiveDelayFragmentCount:</label>
-                <input type="text" class="form-control" placeholder="value number" ng-model="liveDelayFragmentCount" ng-change="updateLiveDelayFragmentCount()">
+                <input type="text" class="form-control" placeholder="value number" ng-model="liveDelayFragmentCount"
+                       ng-change="updateLiveDelayFragmentCount()">
                 <label class="topcoat-checkbox" data-toggle="tooltip" data-placement="right"
                        title="Use latency targets defined in ServiceDescription elements">
                     <input type="checkbox" id="applyServiceDescription" ng-model="applyServiceDescription"
@@ -647,11 +664,14 @@
             <div class="options-item-title">Initial Settings</div>
             <div class="options-item-body">
                 <label class="options-label">Initial bitrate Video:</label>
-                <input type="text" class="form-control" placeholder="value in kbps" ng-model="initialVideoBitrate" ng-change="updateInitialBitrateVideo()">
+                <input type="text" class="form-control" placeholder="value in kbps" ng-model="initialVideoBitrate"
+                       ng-change="updateInitialBitrateVideo()">
                 <label class="options-label">Minimum bitrate Video:</label>
-                <input type="text" class="form-control" placeholder="value in kbps" ng-model="minVideoBitrate" ng-change="updateMinimumBitrateVideo()">
+                <input type="text" class="form-control" placeholder="value in kbps" ng-model="minVideoBitrate"
+                       ng-change="updateMinimumBitrateVideo()">
                 <label class="options-label">Maximum bitrate Video:</label>
-                <input type="text" class="form-control" placeholder="value in kbps" ng-model="maxVideoBitrate" ng-change="updateMaximumBitrateVideo()">
+                <input type="text" class="form-control" placeholder="value in kbps" ng-model="maxVideoBitrate"
+                       ng-change="updateMaximumBitrateVideo()">
                 <label class="options-label">Audio:</label>
                 <input type="text" class="form-control" placeholder="audio initial lang, e.g. 'en'"
                        ng-model="initialSettings.audio" ng-change="updateInitialLanguageAudio()">
@@ -665,12 +685,14 @@
                        ng-model="initialSettings.textRole" ng-change="updateInitialRoleText()">
                 <label class="topcoat-checkbox" data-toggle="tooltip" data-placement="right"
                        title="Enable subtitle on loading text">
-                    <input type="checkbox" id="enableTextAtLoading" ng-model="initialSettings.textEnabled" ng-change="toggleText()">
+                    <input type="checkbox" id="enableTextAtLoading" ng-model="initialSettings.textEnabled"
+                           ng-change="toggleText()">
                     Enable Text At Loading
                 </label>
                 <label class="topcoat-checkbox" data-toggle="tooltip" data-placement="right"
                        title="Force text streaming">
-                    <input type="checkbox" id="enableForceTextStreaming" ng-model="initialSettings.forceTextStreaming" ng-change="toggleForcedTextStreaming()">
+                    <input type="checkbox" id="enableForceTextStreaming" ng-model="initialSettings.forceTextStreaming"
+                           ng-change="toggleForcedTextStreaming()">
                     Force Text Streaming
                 </label>
 
@@ -682,26 +704,32 @@
                 <label class="options-label">Audio:</label>
                 <label data-toggle="tooltip" data-placement="right"
                        title="When a track is switched, the portion of the buffer that contains old track data is cleared">
-                    <input type="radio" id="always-replace-audio" autocomplete="off" name="track-switch-audio" ng-model='audioTrackSwitchMode'
-                           checked="checked" ng-click="changeTrackSwitchMode('alwaysReplace', 'audio')" value="alwaysReplace">
+                    <input type="radio" id="always-replace-audio" autocomplete="off" name="track-switch-audio"
+                           ng-model='audioTrackSwitchMode'
+                           checked="checked" ng-click="changeTrackSwitchMode('alwaysReplace', 'audio')"
+                           value="alwaysReplace">
                     always replace
                 </label>
                 <label data-toggle="tooltip" data-placement="right"
                        title="When a track is switched, the portion of the buffer that contains old track data is NOT cleared">
-                    <input type="radio" id="never-replace-audio" autocomplete="off" name="track-switch-audio" ng-model="audioTrackSwitchMode"
+                    <input type="radio" id="never-replace-audio" autocomplete="off" name="track-switch-audio"
+                           ng-model="audioTrackSwitchMode"
                            ng-click="changeTrackSwitchMode('neverReplace', 'audio')" value="neverReplace">
                     never replace
                 </label>
                 <label class="options-label">Video:</label>
                 <label data-toggle="tooltip" data-placement="right"
                        title="When a track is switched, the portion of the buffer that contains old track data is cleared">
-                    <input type="radio" id="always-replace-video" autocomplete="off" name="track-switch-video" ng-model="videoTrackSwitchMode"
-                           checked="checked" ng-click="changeTrackSwitchMode('alwaysReplace', 'video')" value="alwaysReplace">
+                    <input type="radio" id="always-replace-video" autocomplete="off" name="track-switch-video"
+                           ng-model="videoTrackSwitchMode"
+                           checked="checked" ng-click="changeTrackSwitchMode('alwaysReplace', 'video')"
+                           value="alwaysReplace">
                     always replace
                 </label>
                 <label data-toggle="tooltip" data-placement="right"
                        title="When a track is switched, the portion of the buffer that contains old track data is NOT cleared">
-                    <input type="radio" id="never-replace-video" autocomplete="off" name="track-switch-video" ng-model="videoTrackSwitchMode"
+                    <input type="radio" id="never-replace-video" autocomplete="off" name="track-switch-video"
+                           ng-model="videoTrackSwitchMode"
                            ng-click="changeTrackSwitchMode('neverReplace', 'video')" value="neverReplace">
                     never replace
                 </label>
@@ -713,37 +741,43 @@
                 <label class="options-label">Log Level:</label>
                 <label data-toggle="tooltip" data-placement="right"
                        title="Don't write any log message in browser console">
-                    <input type="radio" id="log-none" value="none" autocomplete="off" name="log-level" ng-model="currentLogLevel"
+                    <input type="radio" id="log-none" value="none" autocomplete="off" name="log-level"
+                           ng-model="currentLogLevel"
                            ng-click="setLogLevel()">
                     NONE
                 </label>
                 <label data-toggle="tooltip" data-placement="right"
                        title="Sets log level of to LOG_LEVEL_FATAL">
-                    <input type="radio" id="log-fatal" value="fatal" autocomplete="off" name="log-level" ng-model="currentLogLevel"
+                    <input type="radio" id="log-fatal" value="fatal" autocomplete="off" name="log-level"
+                           ng-model="currentLogLevel"
                            ng-click="setLogLevel()">
                     FATAL
                 </label>
                 <label data-toggle="tooltip" data-placement="right"
                        title="Sets log level of to LOG_LEVEL_ERROR">
-                    <input type="radio" id="log-error" value="error" autocomplete="off" name="log-level" ng-model="currentLogLevel"
+                    <input type="radio" id="log-error" value="error" autocomplete="off" name="log-level"
+                           ng-model="currentLogLevel"
                            ng-click="setLogLevel()">
                     ERROR
                 </label>
                 <label data-toggle="tooltip" data-placement="right"
                        title="Sets log level of to LOG_LEVEL_WARNING">
-                    <input type="radio" id="log-warning" value="warning" autocomplete="off" name="log-level" ng-model="currentLogLevel"
+                    <input type="radio" id="log-warning" value="warning" autocomplete="off" name="log-level"
+                           ng-model="currentLogLevel"
                            ng-click="setLogLevel()">
                     WARNING
                 </label>
                 <label data-toggle="tooltip" data-placement="right"
                        title="Sets log level of to LOG_LEVEL_INFO">
-                    <input type="radio" id="log-info" value="info" autocomplete="off" name="log-level" checked="checked" ng-model="currentLogLevel"
+                    <input type="radio" id="log-info" value="info" autocomplete="off" name="log-level" checked="checked"
+                           ng-model="currentLogLevel"
                            ng-click="setLogLevel()">
                     INFO
                 </label>
                 <label data-toggle="tooltip" data-placement="right"
                        title="Sets log level of to LOG_LEVEL_DEBUG">
-                    <input type="radio" id="log-debug" value="debug" autocomplete="off" name="log-level" ng-model="currentLogLevel"
+                    <input type="radio" id="log-debug" value="debug" autocomplete="off" name="log-level"
+                           ng-model="currentLogLevel"
                            ng-click="setLogLevel()">
                     DEBUG
                 </label>
@@ -759,32 +793,40 @@
                     Enable CMCD Reporting
                 </label>
                 <label class="options-label">Session ID:</label>
-                <input type="text" class="form-control" placeholder="mandatory session id" ng-model="cmcdSessionId" ng-change="updateCmcdSessionId()">
+                <input type="text" class="form-control" placeholder="mandatory session id" ng-model="cmcdSessionId"
+                       ng-change="updateCmcdSessionId()">
                 <label class="options-label">Content ID:</label>
-                <input type="text" class="form-control" placeholder="content id" ng-model="cmcdContentId" ng-change="updateCmcdContentId()">
+                <input type="text" class="form-control" placeholder="content id" ng-model="cmcdContentId"
+                       ng-change="updateCmcdContentId()">
                 <label class="options-label" data-toggle="tooltip" data-placement="right"
                        title="A static value to be used as RTP parameter">Requested maximum throughput (rtp):</label>
-                <input type="text" class="form-control" placeholder="rtp in kbps" ng-model="cmcdRtp" ng-change="updateCmcdRtp()">
+                <input type="text" class="form-control" placeholder="rtp in kbps" ng-model="cmcdRtp"
+                       ng-change="updateCmcdRtp()">
                 <label class="options-label" data-toggle="tooltip" data-placement="right"
                        title="This value is used as a factor for the rtp value calculation: rtp = minBandwidth * rtpSafetyFactor. If not specified this value defaults to 5. Note that this value is only used when no static rtp value is defined.">RTP
                     safety factor:</label>
-                <input type="text" class="form-control" placeholder="Default 5" ng-model="cmcdRtpSafetyFactor" ng-change="updateCmcdRtpSafetyFactor()">
+                <input type="text" class="form-control" placeholder="Default 5" ng-model="cmcdRtpSafetyFactor"
+                       ng-change="updateCmcdRtpSafetyFactor()">
                 <label class="options-label" title="Specifies the CMCD data transition mode">Transition Mode:</label>
                 <label data-toggle="tooltip" data-placement="right"
                        title="Send the CMCD metrics via query parameter">
-                    <input type="radio" id="cmcd-query" value="query" checked="checked" autocomplete="off" ng-model="cmcdMode"
+                    <input type="radio" id="cmcd-query" value="query" checked="checked" autocomplete="off"
+                           ng-model="cmcdMode"
                            name="cmcd-mode"
                            ng-click="setCmcdMode()">
                     Query
                 </label>
                 <label data-toggle="tooltip" data-placement="right"
                        title="Send the CMCD metrics via custom HTTP header">
-                    <input type="radio" id="cmcd-header" value="header" autocomplete="off" name="cmcd-mode" ng-model="cmcdMode"
+                    <input type="radio" id="cmcd-header" value="header" autocomplete="off" name="cmcd-mode"
+                           ng-model="cmcdMode"
                            ng-click="setCmcdMode()">
                     Header
                 </label>
-                <label class="options-label" data-toggle="tooltip" title="List of enabled cmcd keys for http headers">Enabled Header Keys</label>
-                <input type="text" class="form-control" placeholder="e.g. 'br,d,ot,...'" ng-model="cmcdEnabledKeys" ng-change="updateCmcdEnabledKeys()">
+                <label class="options-label" data-toggle="tooltip" title="List of enabled cmcd keys for http headers">Enabled
+                    Header Keys</label>
+                <input type="text" class="form-control" placeholder="e.g. 'br,d,ot,...'" ng-model="cmcdEnabledKeys"
+                       ng-change="updateCmcdEnabledKeys()">
             </div>
         </div>
 
@@ -848,12 +890,13 @@
         <!-- STATS TAB CONTENT -->
         <div class="col-md-3 tabs-section">
             <div class="bs-callout bs-callout-danger" id="http-warning-container" style="display: none;">
-                    <span id="http-warning-text"></span>
+                <span id="http-warning-text"></span>
             </div>
-            <div class="bs-callout bs-callout-success">
-                <h5><span class="label label-success" style="margin-right:3px">New</span>Export settings</h5>
-                Try out our new "export settings" feature and share your current dash.js settings and DRM parameters easily via URL query parameters. 
-                Click on "Copy Settings URL" on the top right and paste the URL in the address bar of your browser.
+            <div class="bs-callout bs-callout-warning">
+                <h5><span class="label label-warning" style="margin-right:3px">Updated</span>Export settings</h5>
+                Our export settings feature creates smaller URLs now.
+                Click on "Copy Settings URL" on the top right and paste the URL in the address bar of your browser. The
+                current settings are compared to the default settings and the difference is stored using query parameters.
             </div>
             <div class="bs-callout bs-callout-information">
                 <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>