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
-            if (showOriginal) {
             try {
-                if (videoRef.current.paused) {
-                  videoRef.current.play();
-                } else {
               videoRef.current.pause();
-                }
             } catch (e) {}
-            } else {
-              videoRef.current.pause();
-            }
           }
           onClick(e);
         }}
@@ -791,19 +782,24 @@ function Media({ media, showOriginal, onClick = () => {} }) {
         }}
       >
         {showOriginal ? (
+          <div
+            dangerouslySetInnerHTML={{
+              __html: `
                 <video
-            ref={videoRef}
+                  src="${url}"
-            src={url}
+                  poster="${previewUrl}"
-            poster={previewUrl}
+                  width="${width}"
-            width={width}
+                  height="${height}"
-            height={height}
                   preload="auto"
                   autoplay
-            muted={isGIF}
+                  muted="${isGIF}"
-            controls={!isGIF}
+                  ${isGIF ? '' : 'controls'}
                   playsinline
-            loop={loopable}
+                  loop="${loopable}"
                 ></video>
+              `,
+            }}
+          />
         ) : isGIF ? (
           <video
             ref={videoRef}