Merge branch 'cssupdate' into dev

app/index/view/index/index.html

@@ -103,10 +103,7 @@
     {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>
+				<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>
@@ -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轮播

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;

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;