diff --git a/packages/storyteller.io/src/pages/index/IndexPage.tsx b/packages/storyteller.io/src/pages/index/IndexPage.tsx
index 131535a380..7b1d368feb 100644
--- a/packages/storyteller.io/src/pages/index/IndexPage.tsx
+++ b/packages/storyteller.io/src/pages/index/IndexPage.tsx
@@ -111,7 +111,10 @@ function IndexPage() {
         data-scroll-repeat="true"
         data-scroll-call="home"
       >
-        <video className="bg-video" autoPlay loop muted playsInline>
+        <video className="bg-video" autoPlay loop muted playsInline ref={ref => {
+          ref!.muted = true;
+          ref!.play();
+        }}>
           <source src="/hero/brandon-hyperjail.webm" type="video/webm"></source>
         </video>
         <div className="bg-overlay">