3

views/Brand.vue

@@ -39,12 +39,15 @@
 				</view>
 			</view>
 			<view class="videoposterbox">
-				<image :data-log="{
+				<video class="videoposter" :src="videoPosterUrl" controls="false"
+				:style="{ width: '100%', height: '100%' }"
+				@loadedmetadata="onVideoLoadedMeta"></video>
+				<!-- <image :data-log="{
 					xcxClick: '品牌故事-次屏页面点击',
 					pageName: '品牌故事-首屏页面',
 					buttonName: '腰部品牌Video'
 				}" @tap="openChannel" class="videoposter" :src="$baseUrl + 'brandpage/videoposter.png'">
-				</image>
+				</image> -->
 			</view>
 			<view id="secondScreen" class="productcontai">
 				<text class="maintitle">飞鹤产品家族</text>
@@ -304,6 +307,7 @@ export default {
 			swiperNameList: ["北纬47°入口", "自有牧场入口", "工厂预约入口"],
 			hexiaofeiNameList: ["主要竖屏商品", "主要横屏商品", "视频号", "小红书"],
 			exposureTracker: null,
+			videoPosterUrl: '',
 		}
 	},
 	mounted() {
@@ -750,6 +754,7 @@ export default {
         }
       ]
     ],
+	"videoPosterUrl": "https://course.feihe.com/momclub-picture/brandpage/banner_1%E6%85%A2%E4%BA%BA%E8%8A%82x%E9%A3%9E%E9%B9%A4%2B-%2B%E5%9C%9FFINAL.mp4",
     "videoUrl": "https://course.feihe.com/momclub-picture/brandpage/banner_1%E6%85%A2%E4%BA%BA%E8%8A%82x%E9%A3%9E%E9%B9%A4%2B-%2B%E5%9C%9FFINAL.mp4",
     "esgInfoList": [
       [
@@ -1381,6 +1386,7 @@ export default {
 				if (data.videoUrl.indexOf('http') === -1) {
 					data.videoUrl = this.$baseUrl + data.videoUrl;
 				}
+				this.videoPosterUrl = data.videoPosterUrl;
 				this.currentVideoUrl = data.videoUrl;
 				this.channel = data.channel;
 			}
@@ -1649,6 +1655,7 @@ export default {
 			.videoposter {
 				width: 686rpx;
 				height: 384rpx;
+				border-radius: 24rpx;
 
 			}