Make GIF autoplay on Mobile Safari

Only in carousel, and seems like `autoplay` with `muted` ain't working in (P)react.

src/components/status.jsx

@@ -759,19 +759,10 @@ function Media({ media, showOriginal, onClick = () => {} }) {
             rgbAverageColor && `rgb(${rgbAverageColor.join(',')})`,
         }}
         onClick={(e) => {
-          if (isGIF) {
+          if (!showOriginal && isGIF) {
-            // Hmm, the videoRef might conflict here
+            try {
-            if (showOriginal) {
-              try {
-                if (videoRef.current.paused) {
-                  videoRef.current.play();
-                } else {
-                  videoRef.current.pause();
-                }
-              } catch (e) {}
-            } else {
               videoRef.current.pause();
-            }
+            } catch (e) {}
           }
           onClick(e);
         }}
@@ -791,19 +782,24 @@ function Media({ media, showOriginal, onClick = () => {} }) {
         }}
       >
         {showOriginal ? (
-          <video
+          <div
-            ref={videoRef}
+            dangerouslySetInnerHTML={{
-            src={url}
+              __html: `
-            poster={previewUrl}
+                <video
-            width={width}
+                  src="${url}"
-            height={height}
+                  poster="${previewUrl}"
-            preload="auto"
+                  width="${width}"
-            autoplay
+                  height="${height}"
-            muted={isGIF}
+                  preload="auto"
-            controls={!isGIF}
+                  autoplay
-            playsinline
+                  muted="${isGIF}"
-            loop={loopable}
+                  ${isGIF ? '' : 'controls'}
-          ></video>
+                  playsinline
+                  loop="${loopable}"
+                ></video>
+              `,
+            }}
+          />
         ) : isGIF ? (
           <video
             ref={videoRef}