From b49f003605e941f90250251023777469d2758422 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 3 Apr 2023 11:54:46 +0800
Subject: [PATCH] The faux video container also need special treatment

---
 src/components/media.jsx  | 3 ++-
 src/components/status.css | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/media.jsx b/src/components/media.jsx
index fdf6b066..0e83fbdb 100644
--- a/src/components/media.jsx
+++ b/src/components/media.jsx
@@ -179,7 +179,7 @@ function Media({ media, showOriginal, autoAnimate, onClick = () => {} }) {
         }}
       >
         {showOriginal || autoGIFAnimate ? (
-          isGIF ? (
+          isGIF && showOriginal ? (
             <QuickPinchZoom {...quickPinchZoomProps}>
               <div
                 ref={mediaRef}
@@ -190,6 +190,7 @@ function Media({ media, showOriginal, autoAnimate, onClick = () => {} }) {
             </QuickPinchZoom>
           ) : (
             <div
+              class="video-container"
               dangerouslySetInnerHTML={{
                 __html: videoHTML,
               }}
diff --git a/src/components/status.css b/src/components/status.css
index b98c3cd1..d5cf1950 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -556,6 +556,7 @@ a:focus-visible .status .media img {
 body:has(#modal-container .carousel) .status .media img:hover {
   animation: none;
 }
+.status .media .video-container,
 .status .media video {
   width: 100%;
   height: 100%;