5.20

app/index/view/index/index.html

@@ -103,7 +103,13 @@
     {notempty name="video"}
     <div class="hotProduct">
 			<div class="hotvideo"> 
-				<video src="{$video.video}" style="max-height:50rem;z-index:9999;width: 100%;object-fit: cover;" autoplay muted loop controls></video>
+				<video poster="{$video.image}" 
+        src="{$video.video}" 
+        style="max-height:50rem;z-index:9999;width: 100%;object-fit: cover;"
+        autoplay
+        loop 
+        controls
+        id="oricoVideo"></video>
 			</div>
 			<img src="{$video.image}" class="hotImg" />
 		</div>
@@ -270,17 +276,18 @@
 			const videoContainer = $('.hotvideo');
 			const img = $('.hotImg');
 			// 监听视频加载完成事件
-			video.on('loadedmetadata', function() {
+			video.on('canplaythrough', function() {
 				// 显示视频容器，隐藏图片
 				videoContainer.css('display', 'block');
 				img.hide();
+        console.log('视频可以流畅播放');
 			});
 			// 处理视频加载失败（可选）
 			video.on('error', function() {
-				videoContainer.css('display', 'none');
+        // 可在此添加失败提示，如显示错误信息或保留图片
-				console.error('视频加载失败:', video.attr('src'));
-				// 可在此添加失败提示，如显示错误信息或保留图片
 				img.show();
+				videoContainer.css('display', 'none');
+        console.log('视频加载或播放出错');
 			});
   });
   $(function () {