diff --git a/docs/index.html b/docs/index.html
index edb25670..7176f391 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -42,6 +42,7 @@ <h1>Video2Music: Suitable Music Generation from Videos using an Affective Multim
             </iframe>
         </div>
     </div>
+    
     <div class="row mt-4">
         <div class="col-md-6">
             <iframe width="560" height="340"
@@ -54,6 +55,28 @@ <h1>Video2Music: Suitable Music Generation from Videos using an Affective Multim
             </iframe>
         </div>
     </div>
+
+        <div class="row mt-4">
+        <div class="col-md-6">
+            <iframe width="560" height="340"
+            src="https://www.youtube.com/embed/LrQwhd99SCw">
+            </iframe>
+        </div>
+        <div class="col-md-6"> 
+            <iframe width="560" height="340"
+            src="https://www.youtube.com/embed/CEZO1AU0QlA">
+            </iframe>
+        </div>
+    </div>
+        <div class="row mt-4">
+        <div class="col-md-6">
+            <iframe width="560" height="340"
+            src="https://www.youtube.com/embed/F3t5-PaXrko">
+            </iframe>
+        </div>
+    </div>
+
+    
 </div>
 
 <!-- Bootstrap JS and dependencies -->