Update Masthead.tsx

tesseralis#20 (comment)
Mekomancer · Dec 1, 2021 · d870421 · d870421
1 parent a507848
commit d870421
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/HomePage/Masthead.tsx b/src/components/HomePage/Masthead.tsx
@@ -10,6 +10,10 @@ import { flexRow, flexColumn, padding, link } from "styles/common"
 
 const videoHeight = 300
 
+Object.defineProperty(HTMLMediaElement.prototype, 'muted', {
+  set: () => {},
+});
+
 function VideoLink() {
   const css = useStyle({
     ...flexRow(undefined, "center"),
@@ -21,7 +25,7 @@ function VideoLink() {
   return (
     <Link {...css()} to="random">
       <SrOnly>View random polyhedron</SrOnly>
-      <video muted autoPlay playsInline src={video} height={videoHeight} />
+      <video muted={true} autoPlay={true} playsInline={true} src={video} height={videoHeight} />
     </Link>
   )
 }