diff --git a/web/components/video/OwncastPlayer.tsx b/web/components/video/OwncastPlayer.tsx
index 438c7b50c..1646d48c3 100644
--- a/web/components/video/OwncastPlayer.tsx
+++ b/web/components/video/OwncastPlayer.tsx
@@ -296,7 +296,9 @@ export default function OwncastPlayer(props: Props) {
)}
- {!videoPlaying && }
+ {!videoPlaying && (
+
+ )}
);
diff --git a/web/components/video/Player.module.scss b/web/components/video/Player.module.scss
index 2480e9234..b98a6f3b9 100644
--- a/web/components/video/Player.module.scss
+++ b/web/components/video/Player.module.scss
@@ -2,3 +2,8 @@
height: 80vh;
width: 100%;
}
+
+.poster {
+ width: 100%;
+ height: 100%;
+}
\ No newline at end of file
diff --git a/web/components/video/VideoPoster.module.scss b/web/components/video/VideoPoster.module.scss
index bed512a6f..890bcf064 100644
--- a/web/components/video/VideoPoster.module.scss
+++ b/web/components/video/VideoPoster.module.scss
@@ -2,4 +2,6 @@
background-color: black;
display: flex;
justify-content: center;
+ width: 100%;
+ height: 100%;
}
diff --git a/web/components/video/VideoPoster.tsx b/web/components/video/VideoPoster.tsx
index c589029cf..c8f71ae88 100644
--- a/web/components/video/VideoPoster.tsx
+++ b/web/components/video/VideoPoster.tsx
@@ -30,7 +30,7 @@ export default function VideoPoster(props: Props) {
return (
- {!online &&

}
+ {!online &&

}
{online && (
)}