diff --git a/samples/dash-if-reference-player/app/css/main.css b/samples/dash-if-reference-player/app/css/main.css
index 29be4a7dab..73d2e431e1 100644
--- a/samples/dash-if-reference-player/app/css/main.css
+++ b/samples/dash-if-reference-player/app/css/main.css
@@ -159,6 +159,7 @@ a:hover {
     width: 100%;
     height: auto;
     margin: auto;
+    aspect-ratio: 16 / 9;
 }
 
 .col-md-9 {
diff --git a/samples/dash-if-reference-player/app/main.js b/samples/dash-if-reference-player/app/main.js
index 8d9913f44f..846748683b 100644
--- a/samples/dash-if-reference-player/app/main.js
+++ b/samples/dash-if-reference-player/app/main.js
@@ -1205,6 +1205,7 @@ app.controller('DashController', ['$scope', '$window', 'sources', 'contributors'
     };
 
     $scope.doStop = function () {
+        $scope.controlbar.disable();
         $scope.player.attachSource(null);
         $scope.controlbar.reset();
         $scope.conformanceViolations = [];