From 5418623f5d0f3eeab6e37f7b2891b39e75e25dd8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E4=B8=B9=E5=8D=8E?=
 <14641717+yang-danhua@user.noreply.gitee.com>
Date: Mon, 19 May 2025 15:59:40 +0800
Subject: [PATCH] =?UTF-8?q?style:=E9=A6=96=E9=A1=B5=E8=A7=86=E9=A2=91=20?=
 =?UTF-8?q?=E4=BA=A7=E5=93=81=E8=AF=A6=E6=83=85=E6=A0=B7=E5=BC=8F=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/index/view/index/index.html            | 30 ++++++++++++++++------
 public/static/index/css/index.css          |  1 -
 public/static/index/css/product_detail.css |  1 +
 3 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/app/index/view/index/index.html b/app/index/view/index/index.html
index a216f72d..38b37bff 100644
--- a/app/index/view/index/index.html
+++ b/app/index/view/index/index.html
@@ -102,14 +102,11 @@
     <!-- 视频宣传 -->
     {notempty name="video"}
     <div class="hotProduct">
-      <div class="hotvideo">
-        <iframe src="{$video.video}" title="YouTube video player" style="width:100%;height:67rem;z-index:9999;"
-          frameborder="0"
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-          allowfullscreen id="videoElement"></iframe>
-      </div>
-      <img src="{$video.image}" class="hotImg" />
-    </div>
+			<div class="hotvideo"> 
+				<video src="{$video.video}" style="max-height:50rem;z-index:9999;width: 100%;object-fit: cover;" autoplay muted loop controls></video>
+			</div>
+			<img src="{$video.image}" class="hotImg" />
+		</div>
     {/notempty}
     <!-- 场景介绍 -->
     {notempty name="scenes"}
@@ -268,6 +265,23 @@
     $(".oficlose").on("click", function () {
       $(".oricofixd-info").hide();
     });
+    // 视频
+			const video = $('#oricoVideo');
+			const videoContainer = $('.hotvideo');
+			const img = $('.hotImg');
+			// 监听视频加载完成事件
+			video.on('loadedmetadata', function() {
+				// 显示视频容器，隐藏图片
+				videoContainer.css('display', 'block');
+				img.hide();
+			});
+			// 处理视频加载失败（可选）
+			video.on('error', function() {
+				videoContainer.css('display', 'none');
+				console.error('视频加载失败:', video.attr('src'));
+				// 可在此添加失败提示，如显示错误信息或保留图片
+				img.show();
+			});
   });
   $(function () {
     // banner轮播
diff --git a/public/static/index/css/index.css b/public/static/index/css/index.css
index 8ea70219..bcd8cd4f 100755
--- a/public/static/index/css/index.css
+++ b/public/static/index/css/index.css
@@ -446,7 +446,6 @@
   background-size: 100% 100%;
   background-position: center center;
   animation: breath 4s linear infinite;
-  display: none;
 }
 .orico_Page_index .pageMain .hotProduct .hotImg {
   position: relative;
diff --git a/public/static/index/css/product_detail.css b/public/static/index/css/product_detail.css
index ec95c734..bc0b6ef5 100755
--- a/public/static/index/css/product_detail.css
+++ b/public/static/index/css/product_detail.css
@@ -385,6 +385,7 @@
   width: 75%;
   margin-bottom: 50px;
   margin: 0 auto;
+  margin-top: 15px;
 }
 .orico_Page_prdetail .oriprdetail .oriprInfo .products_des img {
   text-align: center;