diff --git a/frontend/src/component/video/player.vue b/frontend/src/component/video/player.vue
index 038f225f0..9a539dcd3 100644
--- a/frontend/src/component/video/player.vue
+++ b/frontend/src/component/video/player.vue
@@ -85,7 +85,8 @@ export default {
       return this.$el.getElementsByTagName('video')[0];
     },
     updateStyle() {
-      this.style = `width: ${this.width.toString()}px; height: ${this.height.toString()}px`;
+      // this.style = `width: ${this.width.toString()}px; height: ${this.height.toString()}px`;
+      this.style = `width:100%; height: 100%`;
       this.$el.style.cssText = this.style;
     },
     render() {
diff --git a/frontend/src/css/viewer.css b/frontend/src/css/viewer.css
index 2019ab071..d96cac659 100644
--- a/frontend/src/css/viewer.css
+++ b/frontend/src/css/viewer.css
@@ -10,7 +10,7 @@
     top: 0;
     bottom: 0;
     right: 0;
-    background-color: rgba(0,0,0,0.66);
+    background-color: rgba(0,0,0,1);
 }
 
 #photoprism .video-wrapper {