add overview video for 4k4d

zju3dv · Jun 2, 2024 · f94cbcc · f94cbcc
1 parent 23c07dd
commit f94cbcc
Showing 1 changed file with 25 additions and 19 deletions.
diff --git a/4k4d/index.html b/4k4d/index.html
@@ -303,6 +303,14 @@ <h4 style="color:#5a6268;">CVPR 2024</h4>
                   </a>
                 </p>
               </div>
+              <div class="column">
+                <p class="mb-5">
+                  <a class="btn btn-large btn-light" href="https://www.youtube.com/watch?v=s8bzdZ63kx8" role="button" target="_blank">
+                    <i class="fa fa-file-video-o"></i>
+                    Video
+                  </a>
+                </p>
+              </div>
               <div class="column">
                 <p class="mb-5">
                   <a class="btn btn-large btn-light" href="https://github.com/zju3dv/EasyVolcap" role="button" target="_blank">
@@ -511,6 +519,21 @@ <h6 style="color: #8899a5">
       </div>
     </div>
   </section>
+
+  <section>
+    <div class="container">
+      <div class="row">
+        <div class="col-md-12">
+          <h3>Overview Video</h3>
+          <hr style="margin-top: 0px" />
+          <div class="embed-responsive embed-responsive-16by9">
+            <iframe width="100%" height=640 style="border-radius: 10px;" src="https://www.youtube.com/embed/s8bzdZ63kx8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
   <section>
     <div class="container">
       <div class="row">
@@ -558,24 +581,7 @@ <h3>Method</h3>
       </div>
     </div>
   </section>
-  <!-- <section>
-    <div class="container">
-      <div class="row">
-        <div class="col-md-12">
-          <h3>Overview Video</h3>
-          <hr style="margin-top: 0px" />
-          <div class="embed-responsive embed-responsive-16by9">
-            <iframe style="clip-path: inset(1px 1px)" width="100%" height="100%"
-              src="https://www.youtube.com/embed/pPl1M5jpK4g" frameborder="0"
-              allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
-              allowfullscreen></iframe>
-          </div>
-        </div>
-      </div>
-    </div>
-    <br />
-    <br />
-  </section> -->
+
   <section>
     <div class="container">
       <div class="row">
@@ -1434,4 +1440,4 @@ <h3>Citation</h3>
   </script>
 </body>
 
-</html>
+</html>