Update index.html

index.html

@@ -68,6 +68,9 @@
       object-fit: cover;
       z-index: -1;
       border-radius: 15px;
+      will-change: transform;
+      transform: translateZ(0);
+      backface-visibility: hidden;
     }
 
     h1 {
@@ -148,7 +151,7 @@
 
 <!-- Khung chữ với nội dung -->
 <div class="container">
-  <video class="video-background" autoplay loop muted playsinline>
+  <video class="video-background" autoplay loop muted playsinline preload="auto" loading="eager">
     <source src="video.mp4" type="video/mp4">
   </video>
   <h1>
@@ -159,7 +162,7 @@
 </div>
 
 <div id="spider" class="spider">💗</div>
-<audio id="bg-music" src="music.mp3" autoplay loop hidden></audio>
+<audio id="bg-music" src="music.mp3" preload="auto"></audio>
 
 <script>
   const spider = document.getElementById('spider');