diff --git a/src/demo.gif b/src/demo.gif
deleted file mode 100644
index 2a4bda6..0000000
Binary files a/src/demo.gif and /dev/null differ
diff --git a/src/demo.mp4 b/src/demo.mp4
new file mode 100644
index 0000000..5e402f7
Binary files /dev/null and b/src/demo.mp4 differ
diff --git a/src/demo.webm b/src/demo.webm
new file mode 100644
index 0000000..f01a9f9
Binary files /dev/null and b/src/demo.webm differ
diff --git a/src/landing.js b/src/landing.js
index 7e7fc77..eadc0df 100644
--- a/src/landing.js
+++ b/src/landing.js
@@ -1,5 +1,6 @@
 import React from "react";
-import demo from "./demo.gif";
+import demoMp4 from "./demo.mp4";
+import demoWebm from "./demo.webm";
 import { ReactComponent as ChromeLogo } from "./icons/chrome.svg";
 import { ReactComponent as FirefoxLogo } from "./icons/firefox.svg";
 import { ReactComponent as CliLogo } from "./icons/cli.svg";
@@ -32,7 +33,8 @@ export default function Landing() {
             boxShadow: "0 20px 50px 0 rgba(0,0,0,0.2)"
           }}
         >
-          <source src={demo} type="video/mp4" />
+          <source src={demoWebm} type="video/webm" />
+          <source src={demoMp4} type="video/mp4" />
         </video>
         <div className="summary">
           <h1>Git History</h1>