website

index.html

@@ -110,7 +110,19 @@ <h1 class="title is-1 publication-title">Multi-Task Interactive Robot Fleet Lear
   </div>
 </section>
 
-
+<section class="hero teaser">
+  <div class="container is-max-desktop">
+    <div class="hero-body">
+      <video poster="" id="tree" autoplay controls muted height="100%">
+        <!-- Your video here -->
+        <source src="static/videos/demo_updated.mp4" 
+        type="video/mp4"> 
+        <!-- <iframe src="https://www.youtube.com/embed/JkaxUblCGz0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> -->
+
+      </video>
+    </div>
+  </div>
+</section>
 
 <section class="section">
   <div class="container is-max-desktop">
@@ -137,7 +149,7 @@ <h2 class="title is-3">Overview</h2>
           </p>
         </div>
         <div class="publication-video">
-            <video muted autoplay controls loop width="100%">
+            <video muted autoplay controls width="100%">
               <source src="videos/overview.mp4"  type="video/mp4">
             </video>
         </div>
@@ -160,7 +172,7 @@ <h2 class="title is-3">Model Architecture</h2>
           </p>
         </div>
         <div class="publication-video">
-          <video muted autoplay controls loop width="100%">
+          <video muted autoplay controls width="100%">
             <source src="videos/figure2.mp4"  type="video/mp4">
           </video>
         </div>