diff --git a/web/components/video/OwncastPlayer/OwncastPlayer.module.scss b/web/components/video/OwncastPlayer/OwncastPlayer.module.scss index 0b0e5bc2f..0dc225d1c 100644 --- a/web/components/video/OwncastPlayer/OwncastPlayer.module.scss +++ b/web/components/video/OwncastPlayer/OwncastPlayer.module.scss @@ -30,8 +30,3 @@ grid-row: 1; } } - -.embedded { - height: 96vh; // Leave room for the status bar - max-height: unset; -} diff --git a/web/components/video/OwncastPlayer/OwncastPlayer.tsx b/web/components/video/OwncastPlayer/OwncastPlayer.tsx index 2794bdfad..c6d434b89 100644 --- a/web/components/video/OwncastPlayer/OwncastPlayer.tsx +++ b/web/components/video/OwncastPlayer/OwncastPlayer.tsx @@ -29,7 +29,6 @@ export type OwncastPlayerProps = { initiallyMuted?: boolean; title: string; className?: string; - embedded?: boolean; }; export const OwncastPlayer: FC = ({ @@ -38,7 +37,6 @@ export const OwncastPlayer: FC = ({ initiallyMuted = false, title, className, - embedded = false, }) => { const VideoSettingsService = useContext(VideoSettingsServiceContext); const playerRef = React.useRef(null); @@ -301,10 +299,7 @@ export const OwncastPlayer: FC = ({ /> )} > -
+
{online && (
diff --git a/web/pages/embed/video/VideoEmbed.module.scss b/web/pages/embed/video/VideoEmbed.module.scss index 443403f8d..701d1f5da 100644 --- a/web/pages/embed/video/VideoEmbed.module.scss +++ b/web/pages/embed/video/VideoEmbed.module.scss @@ -1,8 +1,6 @@ .onlineContainer { - height: 96vh; + height: 100vh; background-color: var(--theme-color-components-video-status-bar-background); - - @media only screen and (width <= 768px) { - height: 100vh; - } + display: flex; + flex-direction: column; } diff --git a/web/pages/embed/video/index.tsx b/web/pages/embed/video/index.tsx index 89084e38e..6b2b7893f 100644 --- a/web/pages/embed/video/index.tsx +++ b/web/pages/embed/video/index.tsx @@ -79,7 +79,6 @@ export default function VideoEmbed() { online={online} initiallyMuted={initiallyMuted} title={streamTitle || name} - embedded />