Update demo video controls and subtitle with audio indicator

Author: BingliangLi

index.html

@@ -269,11 +269,11 @@ <h2 class="title is-3">Method</h2>
       <div class="columns is-centered has-text-centered">
         <div class="column is-four-fifths">
           <h2 class="title is-3">Demo Video</h2>
-          <video id="demo-video" controls muted loop style="width: 100%; border-radius: 12px; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);" preload="metadata">
+          <video id="demo-video" controls style="width: 100%; border-radius: 12px; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);" preload="metadata" onclick="this.play()">
             <source src="static/videos/StoryBlender_Supplementary_Material_Video.mp4" type="video/mp4">
           </video>
           <h2 class="subtitle has-text-centered" style="margin-top: 1rem;">
-            3D animated storyboard shots generated by StoryBlender across multiple stories.
+            🔊 3D animated storyboard shots generated by StoryBlender across multiple stories.
           </h2>
         </div>
       </div>