chore(视频号组件): 优化视频号组件展示及播放

components-diy/diy-channel-video.vue

@@ -2,7 +2,8 @@
 	<view class="channel-video" :class="{ 'list-mode': listMode }">
 		<!-- 嵌入式视频播放 -->
 		<native-component v-if="canUseEmbedMode">
-			// #ifdef MP-WEIXIN
+			<!-- #ifdef MP-WEIXIN -->
+			<!-- 嵌入式视频播放组件 -->
 			<channel-video 
 				:feed-id="value.feedId" 
 				:finder-user-name="value.finderUserName" 
@@ -10,7 +11,7 @@
 				:auto-play="autoPlay"
 				:style="embedVideoStyle">
 			</channel-video>
-			// #endif
+			<!-- #endif -->
 		</native-component>
 		
 		<!-- 跳转式视频播放 -->
@@ -52,7 +53,6 @@ export default {
 		 * @type {Object}
 		 * @required
 		 * @property {string} feedId - 视频 feedId
-		 * @property {string} finderUserName - 视频号用户名
 		 * @property {string} feedToken - 视频 token
 		 * @property {string} coverUrl - 视频封面图
 		 * @property {string} videoTitle - 视频标题
@@ -125,7 +125,6 @@ export default {
 			type: Boolean,
 			default: false
 		},
-
 	},
 	computed: {
 		/**
@@ -133,6 +132,7 @@ export default {
 		 * @returns {boolean}
 		 */
 		canUseEmbedMode() {
+			return true
 			// #ifdef MP-WEIXIN
 			return this.value?.embedMode && wechatChannelUtil.isEmbedModeSupported();
 			// #endif
@@ -157,7 +157,16 @@ export default {
 				width: '100%',
 				height: `${this.listMode ? 180 : 320}rpx`
 			};
-		}
+		},
+		/**
+		 * 视频号用户名，适用于微信视频号
+		 * 优先使用 finderUserName，其次使用 channelName
+		 * @returns {string}
+		 */
+		finderUserName() {
+			return this.value?.finderUserName || this.value?.channelName || ''
+		},		
+
 	},
 	methods: {
 		/**
@@ -165,7 +174,14 @@ export default {
 		 * 触发 video-play 事件，由父组件处理具体播放逻辑
 		 */
 		async playVideo() {
-			this.$emit('video-play', this.value);
+			// #ifdef MP-WEIXIN
+			const playload = {
+				...this.value,
+				finderUserName: this.finderUserName
+			}
+			console.log('playload', playload);
+			this.$emit('video-play', playload);
+			// #endif
 		}
 	}
 };