diff --git a/web/e.cash/components/videobackground/index.js b/web/e.cash/components/videobackground/index.js
--- a/web/e.cash/components/videobackground/index.js
+++ b/web/e.cash/components/videobackground/index.js
@@ -1,9 +1,24 @@
+import { useEffect, useRef, useContext } from 'react';
 import { VideoCtn } from './styles';
+import { ThemeContext } from 'styled-components';
 
 export default function Video({ videoname }) {
+    const themeContext = useContext(ThemeContext);
+    const videoRef = useRef();
+
+    useEffect(() => {
+        videoRef.current.playbackRate = themeContext.filters.videospeed;
+    }, [themeContext.filters.videospeed]);
+
     return (
         <VideoCtn>
-            <video autoPlay loop muted poster={`/videos/${videoname}.jpg`}>
+            <video
+                ref={videoRef}
+                autoPlay
+                loop
+                muted
+                poster={`/videos/${videoname}.jpg`}
+            >
                 <source src={`/videos/${videoname}.mp4`} type="video/mp4" />
             </video>
             <div className="video_gradient" />
diff --git a/web/e.cash/styles/theme.js b/web/e.cash/styles/theme.js
--- a/web/e.cash/styles/theme.js
+++ b/web/e.cash/styles/theme.js
@@ -11,6 +11,7 @@
     },
     filters: {
         grayscale: null,
+        videospeed: 1,
     },
     breakpoint: {
         medium: '@media (max-width: 920px)',
@@ -31,6 +32,7 @@
     },
     filters: {
         grayscale: 'filter: grayscale(100%);',
+        videospeed: 0.4,
     },
     breakpoint: {
         medium: '@media (max-width: 920px)',