diff --git a/index.html b/index.html
index 4210dcc2..ec9b68f3 100644
--- a/index.html
+++ b/index.html
@@ -53,11 +53,7 @@
                 </div>                
                 <div class="demo-video">
                     <h1 style="margin-bottom: -15px;">Demo</h1>
-                    <video width="480" height="300" controls class="responsive-video">
-                        <source src="website_content/test_demo.mp4" type="video/mp4">
-                        Video not supported
-                    </video>
-                    <p style="font-style: italic; margin-top: 10px;">This is a placeholder video*</p>
+                    <iframe width="480" height="300" src="https://www.youtube.com/embed/9xLHzvGBA7M" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class="responsive-video"></iframe>
                 </div>   
             </div>
         <!--Scrollable Content-->
diff --git a/website_styles/index.css b/website_styles/index.css
index d0dd8c98..87e57650 100644
--- a/website_styles/index.css
+++ b/website_styles/index.css
@@ -160,8 +160,9 @@ body, html {
 }
 
 .responsive-video {
-    width: 100%;
-    height: auto; 
+    width: 480px;
+    height: 300px;
+    aspect-ratio: 1440 / 900;
     margin-top: 20px;
 }