Fix portrait recordings on mobile

This commit is contained in:
Nicolas Mowen 2024-04-05 06:53:12 -06:00
parent 6f799869ef
commit 22f552f252

View File

@ -92,7 +92,7 @@ export default function HlsVideoPlayer({
return ( return (
<TransformWrapper minScale={1.0}> <TransformWrapper minScale={1.0}>
<div <div
className={`relative w-full ${className ?? ""} ${visible ? "visible" : "hidden"}`} className={`relative ${className ?? ""} ${visible ? "visible" : "hidden"}`}
onMouseOver={ onMouseOver={
isDesktop isDesktop
? () => { ? () => {
@ -112,9 +112,11 @@ export default function HlsVideoPlayer({
<TransformComponent <TransformComponent
wrapperStyle={{ wrapperStyle={{
width: "100%", width: "100%",
height: "100%",
}} }}
contentStyle={{ contentStyle={{
width: "100%", width: "100%",
height: "100%",
}} }}
> >
<video <video