fix(client): attempt at improving loading speed and caching of videos

will-moss · Jul 26, 2024 · a2fe0c1 · a2fe0c1
1 parent 6d20cc1
commit a2fe0c1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/App.js b/src/App.js
@@ -364,7 +364,13 @@ const App = () => {
 
         if (visibleIndex === false) return _visibleIndexes;
 
-        return [visibleIndex - 1, visibleIndex, visibleIndex + 1];
+        return [
+          visibleIndex - 1,
+          visibleIndex,
+          visibleIndex + 1,
+          visibleIndex + 2,
+          visibleIndex + 3,
+        ];
       });
     };
 

diff --git a/src/components/VideoCard/index.jsx b/src/components/VideoCard/index.jsx
@@ -27,8 +27,9 @@ const VideoCard = ({ index, url, title, isLoaded, isMuted, refForwarder }) => {
         }}
         onClick={togglePause}
         muted={isMuted}
-        loop
-        playsInline
+        loop={true}
+        playsInline={true}
+        preload="auto"
       />
     </div>
   );