mobile

lzpyx · lzpyx · commit 94727c7f7002 · 2025-11-24T21:51:36.000+08:00
diff --git a/public/AMS/index.html b/public/AMS/index.html
@@ -73,14 +73,45 @@
   <script src="./static/js/bulma-carousel.min.js"></script>
   <script src="./static/js/bulma-slider.min.js"></script>
   <script src="./static/js/index.js"></script>
+  <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      var heroVideo = document.querySelector('.hero-video video');
+      if (heroVideo) {
+        heroVideo.load();
+        
+        var playPromise = heroVideo.play();
+        if (playPromise !== undefined) {
+          playPromise.catch(function(error) {
+            console.log('Video auto-play failed, will play on user interaction:', error);
+            document.addEventListener('touchstart', function playVideoOnce() {
+              heroVideo.play().catch(function(e) {
+                console.log('Video playback failed:', e);
+              });
+              document.removeEventListener('touchstart', playVideoOnce);
+            }, { once: true });
+          });
+        }
+        
+        heroVideo.addEventListener('error', function(e) {
+          console.error('Video loading failed:', e);
+        });
+        
+        heroVideo.addEventListener('loadeddata', function() {
+          heroVideo.play().catch(function(e) {
+            console.log('Video playback failed:', e);
+          });
+        });
+      }
+    });
+  </script>
 </head>
-<body onload="updateComparativeVideos();">
+<body>
 
 
 
 <section class="hero is-link is-fullheight video" style="overflow: hidden; position:relative;">
   <div class="hero-video" style="height: 100%; width: 177.77777778vh; min-width: 100%;min-height: 56.25vw;">
-    <video playsinline autoplay muted loop>
+    <video playsinline autoplay muted loop preload="auto" style="width: 100%; height: 100%; object-fit: cover;">
       <source src="https://raw.githubusercontent.com/OpenDriveLab/opendrivelab.github.io/master/AMS/teaser.mp4" type="video/mp4">
       <!-- <source src="https://assets.kinetixai.cn/AMS/video/teaser.mp4" type="video/mp4"> -->
     </video>
