diff --git a/static/interact/index.html b/static/interact/index.html
index 54f86ae..bb4c3a7 100755
--- a/static/interact/index.html
+++ b/static/interact/index.html
@@ -124,8 +124,8 @@ <h2 class="title is-3">Abstract</h2>
     <div class="columns is-centered has-text-centered">
       <div class="column is-four-fifths">
         <h2 class="title is-3">Video</h2>
-        <div class="content has-text-justified">
-          <div style="max-width: 853px"><div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"><iframe src="https://hkuhk-my.sharepoint.com/personal/leohocs_hku_hk/_layouts/15/embed.aspx?UniqueId=a3a782c0-42f1-43c7-a8c3-af035b0f5db6&embed=%7B%22ust%22%3Atrue%2C%22hv%22%3A%22CopyEmbedCode%22%7D&referrer=StreamWebApp&referrerScenario=EmbedDialog.Create" width="853" height="480" frameborder="0" scrolling="no" allowfullscreen title="InterAct.mp4" style="border:none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; max-width: 100%;"></iframe></div></div>
+        <div class="content has-text-justified" style="display: flex; justify-content: center;">
+          <iframe style="aspect-ratio: 16 / 9; width: 100% !important;" src="https://www.youtube-nocookie.com/embed/ys_tQaUlxs8?si=4jJzT4t__DqZVH_Y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
         </div>
       </div>
     </div>