From ca18ea138aed1cf03e1675b04db69398ba80b8a9 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Fri, 6 Jan 2023 19:07:04 +0800
Subject: [PATCH] Revert Video rewrite because still doesn't work in Mobile
 Safari

Works in simulator but not the real iPhone
---
 src/components/status.jsx | 33 +++++++++++++++++++++------------
 src/components/video.jsx  | 17 -----------------
 2 files changed, 21 insertions(+), 29 deletions(-)
 delete mode 100644 src/components/video.jsx

diff --git a/src/components/status.jsx b/src/components/status.jsx
index 0fd22dfa..e03dcd83 100644
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@@ -29,7 +29,6 @@ import visibilityIconsMap from '../utils/visibility-icons-map';
 import Avatar from './avatar';
 import Icon from './icon';
 import RelativeTime from './relative-time';
-import Video from './video';
 
 function fetchAccount(id) {
   return masto.v1.accounts.fetch(id);
@@ -796,17 +795,27 @@ function Media({ media, showOriginal, autoAnimate, onClick = () => {} }) {
         }}
       >
         {showOriginal || autoAnimate ? (
-          <Video
-            src={url}
-            poster={previewUrl}
-            width={width}
-            height={height}
-            preload="auto"
-            autoplay
-            muted={isGIF}
-            controls={!isGIF}
-            playsinline
-            loop={loopable}
+          <div
+            style={{
+              width: '100%',
+              height: '100%',
+            }}
+            dangerouslySetInnerHTML={{
+              __html: `
+              <video
+                src="${url}"
+                poster="${previewUrl}"
+                width="${width}"
+                height="${height}"
+                preload="auto"
+                autoplay
+                muted="${isGIF}"
+                ${isGIF ? '' : 'controls'}
+                playsinline
+                loop="${loopable}"
+              ></video>
+            `,
+            }}
           />
         ) : isGIF ? (
           <video
diff --git a/src/components/video.jsx b/src/components/video.jsx
deleted file mode 100644
index 9b292e3c..00000000
--- a/src/components/video.jsx
+++ /dev/null
@@ -1,17 +0,0 @@
-// Video component but allow muted attribute to be set
-import { useEffect, useRef } from 'react';
-
-function Video({ muted, autoplay, ...props }) {
-  const videoRef = useRef();
-  useEffect(() => {
-    if (videoRef.current) {
-      videoRef.current.setAttribute('muted', muted);
-      videoRef.current.setAttribute('autoplay', autoplay);
-      videoRef.current.play();
-    }
-  }, [muted]);
-
-  return <video ref={videoRef} {...props} />;
-}
-
-export default Video;