zc

pages/earlyWarningManage/earlyWarningDetail.vue

@@ -138,19 +138,23 @@
 			<view class="small_title"><text></text><text>报警抓拍</text></view>
 			<view class="picture_b" >
 				<!-- 西北农林演示报警抓拍预案的时候-判断不显示视频 -->
-				<view class="video" v-if="form.warningType!=1">
+				<!-- <view class="video" v-if="form.warningType!=1">
 					<video id="myvideo" class="video_t" :bindloadedmetada="onLoadedMetadata" :src="configUrl+form.recordVideo"></video>
 					<img  class="video_b" @click="lockVideo()" src="@/images/icon_bjzp_spbof.png"/>
 					<canvas id="myCanvas" canvas-id="myCanvas"></canvas>
-				</view>
-				<view v-if="form.warningType==1" class="img" @click="lockImg(form.warningDetailList)">
+				</view> -->
+				<!-- <view v-if="form.warningType==1" class="img" @click="lockImg(form.warningDetailList)">
 					<img v-for="item in form.warningDetailList"  :src="configUrl+item.photoUrl"/>
-				</view>
+				</view> -->
 				<!-- 西北农林演示报警抓拍预案的时候-改为图片 -->
-				<view v-if="form.warningType==4" class="img" @click="lockImgTow(form.recordPhoto)">
+				<!-- <view v-if="form.warningType==4" class="img" @click="lockImgTow(form.recordPhoto)">
 					<img  :src="configUrl+form.recordPhoto"/>
-				</view>
-				
+				</view> -->
+				<video id="myvideo" :class="videoType?'videoOpacity1':'videoOpacity0'"
+					:controls="false" :muted="true" :autoplay="true"
+					style="height:336rpx;width:600rpx;" 
+					:src="configUrl+form.recordVideo">
+				</video>
 			</view>
 		</view>
 		<!-- <view  class="bottom_btn" v-if="timeStatus && (form.warningSubType!=2 && form.warningSubType!=3 && form.warningSubType!=4)" @click="handleClick('','monitor')">查看监控</view> -->
@@ -182,6 +186,7 @@ export default {
 		form:{},
 		currentTime:'',
 		timeStatus:false,
+		videoType:false,
 
 	}
   },
@@ -211,7 +216,7 @@ export default {
 
   },
   onShow() {
-
+	this.$set(this,'videoType',false);
   },
   mounted(){
 	this.getInfo();
@@ -353,6 +358,14 @@ export default {
 						title:'预案报警信息'
 					})
 				}
+				setTimeout(function(){
+					let videoplay = wx.createVideoContext('myvideo')
+					videoplay.play()
+					setTimeout(function(){
+						videoplay.pause()
+						_this.$set(_this,'videoType',true);
+					},200)
+				},1000)
 				this.compareTime(res.warningTime);
 			}
 		},
@@ -641,7 +654,12 @@ export default {
 			flex-wrap: wrap;
 			padding: 40rpx 30rpx 10rpx;
 			box-sizing: border-box;
-
+			.videoOpacity1{
+				opacity:1;
+			}
+			.videoOpacity0{
+				opacity:0;
+			}
 			.video{
 				position: relative;
 				width: 150rpx;