Update index.html

index.html

@@ -214,15 +214,12 @@ <h2 class="title is-3">Abstract</h2>
       <div class="column is-four-fifths">
         <h2 class="title is-3" style="margin-top: 40px; margin-bottom: 20px">Video</h2>
 
-        <video controls poster="https://github.com/user-attachments/assets/634248f6-1b54-4963-88d6-34fa7263750b">
-          <source src="https://www.youtube.com/embed/PhlgC-bI5SQ" type="video/mp4">
+        <!-- <video controls poster="https://github.com/user-attachments/assets/634248f6-1b54-4963-88d6-34fa7263750b">
+          <source src="https://github.com/SHYuanBest/shyuanbest_media/raw/refs/heads/main/ConsisID/showcase_videos.mp4" type="video/mp4">
           Your browser does not support the video tag.
-        </video>      
+        </video> -->
 
-        <br>
-        or you can click <a href="https://github.com/SHYuanBest/shyuanbest_media/raw/refs/heads/main/ConsisID/showcase_videos.mp4">here</a> to watch the video.
-
-        <!-- <div class="video-container" style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
+        <div class="video-container" style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
           <iframe 
             src="https://www.youtube.com/embed/PhlgC-bI5SQ" 
             title="YouTube video player" 
@@ -231,8 +228,11 @@ <h2 class="title is-3" style="margin-top: 40px; margin-bottom: 20px">Video</h2>
             allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
             allowfullscreen>
           </iframe>
-        </div> -->
-
+        </div>
+
+        <br>
+        or you can click <a href="https://github.com/SHYuanBest/shyuanbest_media/raw/refs/heads/main/ConsisID/showcase_videos.mp4">here</a> to watch the video.
+
       </div>
     </div>