update part of youtube

projects/falcon/index.html

@@ -175,26 +175,17 @@ <h3 class="title is-4 mb-5">(a) Frontal Approach</h3>
         <h4 class="title is-5">Social-HM3D</h4>
 
         <div class="mb-4">
-          <video controls style="width: 100%; height: 300px;">
-            <source src="https://raw.githubusercontent.com/Zeying-Gong/Zeying-Gong.github.io/main/projects/falcon/videos/front/hm3d-front-1-scene=bzCsHPLDztK.mp4" type="video/mp4">
-            Your browser does not support the video tag.
-          </video>
+          <iframe width="100%" height="300" src="https://www.youtube.com/embed/v_SdAjZufsg" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
           <h5 class="title is-6 mt-4">Step Aside</h5>
         </div>
 
         <div class="mb-4">
-          <video controls style="width: 100%; height: 300px;">
-            <source src="https://raw.githubusercontent.com/Zeying-Gong/Zeying-Gong.github.io/main/projects/falcon/videos/front/hm3d-front-2-scene=rsggHU7g7dh.mp4" type="video/mp4">
-            Your browser does not support the video tag.
-          </video>
+          <iframe width="100%" height="300" src="https://www.youtube.com/embed/4cDDKL42JYI" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
           <h5 class="title is-6 mt-4">Predictive Shift</h5>
         </div>
 
         <div class="mb-4">
-          <video controls style="width: 100%; height: 300px;">
-            <source src="https://raw.githubusercontent.com/Zeying-Gong/Zeying-Gong.github.io/main/projects/falcon/videos/front/hm3d-front-3-scene=YRUkbU5xsYj.mp4" type="video/mp4">
-            Your browser does not support the video tag.
-          </video>
+          <iframe width="100%" height="300" src="https://www.youtube.com/embed/i8Vi4gfulGU" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
           <h5 class="title is-6 mt-4">Predictive Shift</h5>
         </div>
       </div>
@@ -204,26 +195,17 @@ <h5 class="title is-6 mt-4">Predictive Shift</h5>
         <h4 class="title is-5">Social-MP3D</h4>
 
         <div class="mb-4">
-          <video controls style="width: 100%; height: 300px;">
-            <source src="https://raw.githubusercontent.com/Zeying-Gong/Zeying-Gong.github.io/main/projects/falcon/videos/front/mp3d-front-1-scene=X7HyMhZNoso.mp4" type="video/mp4">
-            Your browser does not support the video tag.
-          </video>
+          <iframe width="100%" height="300" src="https://www.youtube.com/embed/6oejN8EM030" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
           <h5 class="title is-6 mt-4">Step Aside</h5>
         </div>
 
         <div class="mb-4">
-          <video controls style="width: 100%; height: 300px;">
-            <source src="https://raw.githubusercontent.com/Zeying-Gong/Zeying-Gong.github.io/main/projects/falcon/videos/front/mp3d-front-2-scene=QUCTc6BB5sX.mp4" type="video/mp4">
-            Your browser does not support the video tag.
-          </video>
+          <iframe width="100%" height="300" src="https://www.youtube.com/embed/INbveNe2DbU" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
           <h5 class="title is-6 mt-4">Predictive Shift</h5>
         </div>
 
         <div class="mb-4">
-          <video controls style="width: 100%; height: 300px;">
-            <source src="https://raw.githubusercontent.com/Zeying-Gong/Zeying-Gong.github.io/main/projects/falcon/videos/front/mp3d-front-3-scene=QUCTc6BB5sX.mp4" type="video/mp4">
-            Your browser does not support the video tag.
-          </video>
+          <iframe width="100%" height="300" src="https://www.youtube.com/embed/_eU74UeWKrw" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
           <h5 class="title is-6 mt-4">Predictive Shift</h5>
         </div>
       </div>
@@ -255,15 +237,15 @@ <h5 class="title is-6 mt-4">Early Pass</h5>
 
         <div class="mb-4">
           <video controls style="width: 100%; height: 300px;">
-            <source src="https://raw.githubusercontent.com/Zeying-Gong/Zeying-Gong.github.io/main/projects/falcon/videos/intersection/hm3d-intersection-3-scene=rsggHU7g7dh - Trim.mp4" type="video/mp4">
+            <source src="https://raw.githubusercontent.com/Zeying-Gong/Zeying-Gong.github.io/main/projects/falcon/videos/intersection/hm3d-intersection-2-scene=rsggHU7g7dh - Trim.mp4" type="video/mp4">
             Your browser does not support the video tag.
           </video>
           <h5 class="title is-6 mt-4">Predictive Bypass</h5>
         </div>
 
         <div class="mb-4">
           <video controls style="width: 100%; height: 300px;">
-            <source src="https://raw.githubusercontent.com/Zeying-Gong/Zeying-Gong.github.io/main/projects/falcon/videos/intersection/hm3d-intersection-2-scene=YRUkbU5xsYj.mp4" type="video/mp4">
+            <source src="https://raw.githubusercontent.com/Zeying-Gong/Zeying-Gong.github.io/main/projects/falcon/videos/intersection/hm3d-intersection-3-scene=YRUkbU5xsYj.mp4" type="video/mp4">
             Your browser does not support the video tag.
           </video>
           <h5 class="title is-6 mt-4">Proactive Yield</h5>