diff --git a/index.html b/index.html
index ce5f1ef..4b5741a 100644
--- a/index.html
+++ b/index.html
@@ -243,13 +243,12 @@
   
 	  We present a short demo video, mostly with visualization results and a very quick overview of our framework.
   
-	  <!-- Adjust the frame size based on the demo (EVERY project differs). -->
-	  <div style="position: relative; padding-top: 50%; margin: 20pt 0; text-align: center;">
-		<iframe src="https://www.youtube.com/watch?v=eRPZW1pwxog" frameborder=0
-				style="position: absolute; top: 2.5%; left: 2.5%; width: 95%; height: 100%;"
-				allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
-				allowfullscreen></iframe>
-	  </div>
+    <div class="publication-video">
+      <iframe src="https://www.youtube.com/embed/eRPZW1pwxog" title="YouTube video player"
+        frameborder="0"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        allowfullscreen></iframe>
+    </div>
   </div>
 </div>
 
@@ -259,13 +258,12 @@
   
 	  We present a long demo video with detailed elaborations on the motivations and framework designs.
   
-	  <!-- Adjust the frame size based on the demo (EVERY project differs). -->
-	  <div style="position: relative; padding-top: 50%; margin: 20pt 0; text-align: center;">
-		<iframe src="https://www.youtube.com/watch?v=CxGfbwZOcyU" frameborder=0
-				style="position: absolute; top: 2.5%; left: 2.5%; width: 95%; height: 100%;"
-				allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
-				allowfullscreen></iframe>
-	  </div>
+    <div class="publication-video">
+      <iframe src="https://www.youtube.com/embed/CxGfbwZOcyU" title="YouTube video player"
+        frameborder="0"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        allowfullscreen></iframe>
+    </div>
   </div>
 </div>