diff --git a/CLIP-InterpreT/index.html b/CLIP-InterpreT/index.html
index 131fdcf..cf82ddd 100644
--- a/CLIP-InterpreT/index.html
+++ b/CLIP-InterpreT/index.html
@@ -179,7 +179,7 @@ <h1 class="title is-1 publication-title">CLIP-InterpreT: An interpretability Too
               </span>
 
               <span class="link-block">
-                  <a href="" target="_blank"
+                  <a href="https://youtu.be/l6IVjBvVc_E?si=GvFGA7PI_I9zTYN9" target="_blank"
                   class="external-link button is-normal is-rounded is-dark">
                   <span class="icon">
                     <i class="fas fa-video"></i>
@@ -222,6 +222,24 @@ <h3 class="title is-3 publication-title">Introduction</h3>
     </div>
 </section>
 
+<hr>
+<section class="section" style="background-color: #efeff081">
+  <div class="container is-max-desktop">
+    <!-- Abstract. -->
+    <div class="columns is-centered has-text-centered">
+      <div class="column is-six-fifths">
+        <h2 class="title is-3">CLIP-InterpreT gradio app demo video</h2>
+        <div class="content has-text-justified">
+          <div style="display: flex; justify-content: center;">
+            <iframe width="560" height="315" src="https://www.youtube.com/embed/l6IVjBvVc_E" 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>
+  </div>
+</section>
+
 <hr>
 <section class="hero teaser">
   <div class="container is-max-desktop">