chore：视频可以播放

.local.config.js

@@ -160,6 +160,10 @@ const localDevConfig = ({
 	        uniacid: 228,
 	        domain: 'https://5g.aigc-quickapp.com/',
 	    },  
+		'2797': { //
+		    uniacid: 2797,
+		    domain: 'https://xcx.aigc-quickapp.com/',
+		},
 // })['5g-237']; // 商品分类，没有立即咨询文字
 // })['5g-97']; // 大宗商品贸易，支持自定义字体大小、颜色
 // })['5g-50']; // 燃气安全产品机器人，购物车无反应
@@ -173,7 +177,7 @@ const localDevConfig = ({
 // })['2724']; // 生物菌肥
 // })['2811']; // 选择要使用的环境配置
 // })['local-11']; // 选择要使用的环境配置
-})['228']; // 本地
+})['2797']; // 本地
 // })['local-2']; // 本地
 // })['local-11']; // 本地
 // })['1-test']; // test

components-diy/diy-video-list.vue

@@ -54,17 +54,21 @@
 		<!-- 视频播放弹窗 -->
 		<uni-popup ref="videoPopup" type="center" style="background:transparent;width:100%;height:100%;">
 			<view class="video-container" :style="popupVideoStyle">
-				<video 
+				<video
+					:key="video_url"
 					ref="popupVideoRef"
-					class="adaptive-video" 
-					:autoPauseIfNavigate="true" 
+					class="adaptive-video"
+					:autoPauseIfNavigate="true"
 					:autoPauseIfOpenNative="true"
-					:autoplay="false" 
-					:enableAutoRotation="true" 
-					id="myVideo" 
-					:src="video_url" 
+					:autoplay="false"
+					:enableAutoRotation="true"
+					id="myVideo"
+					:src="video_url"
 					:controls="true"
 					object-fit="contain"
+					playsinline
+					webkit-playsinline
+					x5-playsinline
 					@loadedmetadata="onPopupVideoLoaded"
 					@error="onPopupVideoError"
 				></video>
@@ -144,7 +148,7 @@ export default {
 		
 		// 弹窗视频容器样式
 		popupVideoStyle() {
-			let style = 'position:fixed;width:100%;left:0;';
+			let style = 'position:fixed;width:60%;left:50%;margin-left:-30%;';
 			const defaultRatio = 9 / 16;
 
 			let ratio = defaultRatio;
@@ -157,15 +161,15 @@ export default {
 			if (isPortrait) {
 				style += 'top:50%;transform:translateY(-50%);';
 			} else {
-				style += 'top:20%;';
+				style += 'top:25%;';
 			}
 
 			// #ifdef H5
-			style += 'padding-top: ' + (ratio * 100) + '%;';
+			style += 'height:0;padding-top: ' + (ratio * 100) + '%;';
 			// #endif
 
 			// #ifdef MP-WEIXIN
-			style += 'padding-top: ' + (ratio * 100) + '%;';
+			style += 'height:0;padding-top: ' + (ratio * 100) + '%;';
 			// #endif
 
 			// #ifdef MP-HARMONY
@@ -178,7 +182,12 @@ export default {
 	methods: {
 		// 显示视频播放弹窗
 		showVideo(item) {
-			this.video_url = item.videoUrl;
+			let url = item.videoUrl || '';
+			// 处理视频URL：完整链接直接使用，否则通过 $util.img() 转换
+			if (url && url.indexOf('http://') !== 0 && url.indexOf('https://') !== 0) {
+				url = this.$util.img(url);
+			}
+			this.video_url = url;
 			this.popupVideoWidth = 0;
 			this.popupVideoHeight = 0;
 			this.$refs.videoPopup.open();

components-diy/diy-video.vue

@@ -11,6 +11,9 @@
 			:style="videoWarpCss"
 			controls
 			preload="metadata"
+			playsinline
+			webkit-playsinline
+			x5-playsinline
 			@loadedmetadata="onVideoLoaded"
 			@click="handlerClick(videoUrl)"
 		></video>
@@ -106,11 +109,11 @@ export default {
 			}
 
 			// #ifdef H5
-			style += 'padding-top: ' + (ratio * 100) + '%;';
+			style += 'height:0;padding-top: ' + (ratio * 100) + '%;';
 			// #endif
 
 			// #ifdef MP-WEIXIN
-			style += 'padding-top: ' + (ratio * 100) + '%;';
+			style += 'height:0;padding-top: ' + (ratio * 100) + '%;';
 			// #endif
 
 			// #ifdef MP-HARMONY

components/ns-video-player-popup/ns-video-player-popup.vue

@@ -9,9 +9,13 @@
                 <view class="video-popup-body">
                     <video 
                         v-if="videoUrl" 
+                        id="popupVideoPlayer"
                         :src="videoUrl"
                         controls 
                         autoplay 
+                        playsinline
+                        webkit-playsinline
+                        x5-playsinline
                         class="video-player"
                     ></video>
                     <view v-else class="video-error">{{ $lang('components.ns-video-player-popup.videoUrlNotExist') }}</view>
@@ -22,6 +26,8 @@
 </template>
 
 <script>
+import { playVideoInContext } from '@/common/js/video-helper.js';
+
 export default {
     name: 'ns-video-player-popup',
     props: {
@@ -76,6 +82,10 @@ export default {
          * @param {Object} e - 弹窗状态变化事件
          */
         onVideoPopupChange(e) {
+            // H5 端弹窗显示后触发播放：避免 autoplay 被浏览器拦截 / 弹窗动画未完成被 pause() 打断
+            if (e && e.show) {
+                playVideoInContext('popupVideoPlayer', this);
+            }
             this.$emit('popup-change', e);
         }
     }

pages_goods/_components/goods-detail-view/goods-detail-view.vue

@@ -59,7 +59,8 @@
                     <!-- 商品视频 -->
                     <view class="goods-video" :class="{ show: switchMedia == 'video' }">
                         <video id="goodsVideo" :src="$util.img(goodsSkuDetail.video_url)"
-                            :poster="$util.img(goodsSkuDetail.sku_image, { size: 'big' })" objectFit="cover"></video>
+                            :poster="$util.img(goodsSkuDetail.sku_image, { size: 'big' })" objectFit="cover"
+                            playsinline webkit-playsinline x5-playsinline></video>
                     </view>
 
                     <!-- 切换视频、图片 -->