From a3acd6c56ac10a7edb8c5adc2a60a980d761717e Mon Sep 17 00:00:00 2001
From: chen <2659004835@qq.com>
Date: Thu, 4 Aug 2022 17:44:27 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=BB=91=E5=8A=A8=E8=A7=86?=
 =?UTF-8?q?=E9=A2=91=E6=92=AD=E6=94=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/foot-tabs/foot-tab.vue             |   2 +-
 components/swipers/swiper-pu.vue              |   6 +-
 pages.json                                    |  12 ++-
 pages/tabbar/my/my.vue                        |   2 +-
 .../{vedio/vedio.vue => video/video.vue}      |   2 +-
 .../my-vedio.vue => my-video/my-video.vue}    |   0
 pagesB/play-video/play-video.nvue             |  78 ++++++++++++++++++
 static/public/video-back.png                  | Bin 0 -> 630 bytes
 8 files changed, 94 insertions(+), 8 deletions(-)
 rename pages/tabbar/{vedio/vedio.vue => video/video.vue} (92%)
 rename pagesA/{my-vedio/my-vedio.vue => my-video/my-video.vue} (100%)
 create mode 100644 pagesB/play-video/play-video.nvue
 create mode 100644 static/public/video-back.png

diff --git a/components/foot-tabs/foot-tab.vue b/components/foot-tabs/foot-tab.vue
index 5e5073d..be5da2e 100644
--- a/components/foot-tabs/foot-tab.vue
+++ b/components/foot-tabs/foot-tab.vue
@@ -121,7 +121,7 @@
 					uni.reLaunch({url:'/pages/tabbar/pagehome/pagehome'})
 						break;
 					case 3:
-					uni.reLaunch({url:'/pages/tabbar/vedio/vedio'})
+					uni.reLaunch({url:'/pages/tabbar/video/video'})
 						break;
 					case 4:
 					uni.reLaunch({url:'/pages/tabbar/my/my'})
diff --git a/components/swipers/swiper-pu.vue b/components/swipers/swiper-pu.vue
index 9c1a620..fc72212 100644
--- a/components/swipers/swiper-pu.vue
+++ b/components/swipers/swiper-pu.vue
@@ -4,7 +4,7 @@
 			<swiper-item v-for="(item,index) in bannerList" :key="index">
 				<view @tap="chooseImg(index,item.url)" class="img-box">
 					<image :style="{borderRadius:newRadius,height:newHeight}" class="img animated fadeIn" :src="item.imgSrc" mode="aspectFill"></image>
-					<image @tap.stop="playVideo(index)" v-if="item.isVideo && isVedio" class="posia animated bounceIn" style="width: 126rpx;height: 126rpx;z-index: 1;" src="/static/public/video.png" mode=""></image>
+					<image @tap.stop="playVideo(index)" v-if="item.isVideo && isVideo" class="posia animated bounceIn" style="width: 126rpx;height: 126rpx;z-index: 1;" src="/static/public/video.png" mode=""></image>
 				</view>
 			</swiper-item>
 		</swiper>
@@ -62,7 +62,7 @@
 			return {
 				bcurrent: 0, // 默认当前选中项
 				isShowVideo:false, // 是否显示视频
-				isVedio:uni.getStorageSync('is_vedio') // 是否是视频
+				isVideo:uni.getStorageSync('is_video') // 是否是视频
 			};
 		},
 		methods:{
@@ -75,7 +75,7 @@
 					this.bannerList.forEach(item=>{
 						let nurl = ''
 						let obj = {}
-						if(this.isVedio) {
+						if(this.isVideo) {
 							item.url=='' ? nurl = item.imgSrc : nurl = item.url
 							obj = {
 								url:nurl,
diff --git a/pages.json b/pages.json
index c5fab28..9de0f14 100644
--- a/pages.json
+++ b/pages.json
@@ -22,7 +22,7 @@
             }
 
         }, {
-            "path": "pages/tabbar/vedio/vedio",
+            "path": "pages/tabbar/video/video",
             "style": {
                 "navigationBarTitleText": "视频",
                 "enablePullDownRefresh": false
@@ -85,7 +85,7 @@
                 
                 }
                 ,{
-                    "path" : "my-vedio/my-vedio",
+                    "path" : "my-video/my-video",
                     "style" :                                                                                    
                 {
                     "navigationBarTitleText": "",
@@ -197,6 +197,14 @@
                     "enablePullDownRefresh": false
                 }
                 
+                },{
+                    "path" : "play-video/play-video",
+                    "style" :                                                                                    
+                {
+                    "navigationBarTitleText": "",
+                    "enablePullDownRefresh": false
+                }
+                
                 }
             ]
         }
diff --git a/pages/tabbar/my/my.vue b/pages/tabbar/my/my.vue
index 87c86c3..39dcaaf 100644
--- a/pages/tabbar/my/my.vue
+++ b/pages/tabbar/my/my.vue
@@ -77,7 +77,7 @@
 					'/pagesA/my-data/my-data',
 					'/pagesA/my-course/my-course',
 					'/pagesA/my-order/my-order',
-					'/pagesA/my-vedio/my-vedio',
+					'/pagesA/my-video/my-video',
 					'/pagesA/my-coupon/my-coupon',
 					'/pagesA/my-integral/my-integral',
 					'/pagesA/my-address/my-address',
diff --git a/pages/tabbar/vedio/vedio.vue b/pages/tabbar/video/video.vue
similarity index 92%
rename from pages/tabbar/vedio/vedio.vue
rename to pages/tabbar/video/video.vue
index fd77ec1..40d06cf 100644
--- a/pages/tabbar/vedio/vedio.vue
+++ b/pages/tabbar/video/video.vue
@@ -14,7 +14,7 @@
 					<view class="radius8 bacf pad10 boxshow1 mar-s30" v-for="(item,index) in 2" :key="index">
 						<view class="posir disjcac">
 							<image src="https://s6.jpg.cm/2022/02/14/L4oDhy.jpg" style="height: 388rpx;" mode="aspectFill" class="width100" lazy-load></image>
-							<image class="posia" src="/static/tabbar/icon-play.png" mode="" style="width: 70rpx;height: 70rpx;" lazy-load></image>
+							<image @tap="$toolAll.tools.goPage('/pagesB/play-video/play-video')" class="posia" src="/static/tabbar/icon-play.png" mode="" style="width: 70rpx;height: 70rpx;" lazy-load></image>
 						</view>
 						<view class="pad-zy10">
 							<view class="fon24 pad-sx16 clips2" style="color: #262626;">动作教学动作教学动作教学动作教学动作教学动作教学</view>
diff --git a/pagesA/my-vedio/my-vedio.vue b/pagesA/my-video/my-video.vue
similarity index 100%
rename from pagesA/my-vedio/my-vedio.vue
rename to pagesA/my-video/my-video.vue
diff --git a/pagesB/play-video/play-video.nvue b/pagesB/play-video/play-video.nvue
new file mode 100644
index 0000000..53d4786
--- /dev/null
+++ b/pagesB/play-video/play-video.nvue
@@ -0,0 +1,78 @@
+<template>
+	<div style="width:100%;overflow-x:hidden;">
+		<image class="" @tap="backEv" :style="{top:statusHeight+'px'}" src="/static/public/video-back.png" style="width: 33rpx;height: 33rpx;position: fixed;z-index: 10;left: 20rpx;" mode="aspectFill"></image>
+		<swiper vertical :style="{width:newwidth+'px',height:newHeight+'px'}">
+			<swiper-item>
+				<video id="myVideo" style="width: 100%;" :style="{height:newHeight+'px'}" autoplay="true"
+				:src="videoSrc" :enable-play-gesture="dans"  :poster="posterSrc"
+				:controls="isControls" :show-center-play-btn="isCenterImg" :show-play-btn="isBottomImg" :show-fullscreen-btn="isFull"
+				@play="comePlay" @pause="comePause"></video>
+				<!-- 封面图 -->
+				<image v-if="isPlayImg" @tap="playEv" src="/static/tabbar/icon-play.png" style="position: fixed;top: 50%;left: 50%;
+					width: 126rpx;height: 126rpx;transform: translate(-50%, -50%);" mode="aspectFill"></image>
+			</swiper-item>
+			<swiper-item>
+				<video id="myVideo" style="width: 100%;" :style="{height:newHeight+'px'}" autoplay="true"
+				:src="videoSrc" :enable-play-gesture="dans"  :poster="posterSrc"
+				:controls="isControls" :show-center-play-btn="isCenterImg" :show-play-btn="isBottomImg" :show-fullscreen-btn="isFull"
+				@play="comePlay" @pause="comePause"></video>
+				<!-- 封面图 -->
+				<image v-if="isPlayImg" @tap="playEv" src="/static/tabbar/icon-play.png" style="position: fixed;top: 50%;left: 50%;
+					width: 126rpx;height: 126rpx;transform: translate(-50%, -50%);" mode="aspectFill"></image>
+			</swiper-item>
+		</swiper>
+	</div>
+</template>
+
+<script>
+	export default {
+		data(){
+			return {
+				statusHeight: uni.getSystemInfoSync().statusBarHeight + 42/2 - 10,
+				newHeight:uni.getSystemInfoSync().windowHeight,
+				newwidth:uni.getSystemInfoSync().windowWidth,
+				videoSrc:'https://video.shipin520.com/videos/17/97/40/a_yiPIEXbE43Tm1559179740.mp4',
+				isPlayImg:false,
+				autoplay:true,
+				videoContext:'',
+				title:'',//视频的标题，全屏时在顶部展示
+				posterSrc:'',//视频封面的图片网络资源地址，如果 controls 属性值为 false 则设置 poster 无效
+				isControls: false,//是否显示默认播放控件（播放/暂停按钮、播放进度、时间）
+				dans:true,//是否开启播放手势，即双击切换播放/暂停
+				isCenterImg:false,//是否显示视频中间的播放按钮
+				isBottomImg:true,//是否显示视频底部控制栏的播放按钮
+				isFull:true//是否显示全屏按钮
+			}
+		},
+		onReady: function (res) {
+			this.videoContext = uni.createVideoContext('myVideo', this)
+		},
+		onLoad(options) {
+			this.videoSrc = options.src
+			this.posterSrc = options.posterSrc
+		},
+		methods:{
+			backEv(){
+				uni.navigateBack({
+					delta:1
+				})
+			},
+			playEv(){
+				this.isPlayImg = false;
+				this.autoplay = false;
+				this.videoContext.play();
+			},
+			comePlay(){//当开始/继续播放时触发play事件
+				this.isControls = true;
+			},
+			comePause(){
+				this.isPlayImg = true;
+				this.isControls = false;
+			}
+		}
+	}
+</script>
+
+<style>
+
+</style>
diff --git a/static/public/video-back.png b/static/public/video-back.png
new file mode 100644
index 0000000000000000000000000000000000000000..b62c59176241b662a1710715a2039615dd1ebdc2
GIT binary patch
literal 630
zcmV-+0*U>JP)<h;3K|Lk000e1NJLTq001EX001Ef1^@s6SLDKP0006#Nkl<ZSVz5=
zJ8KnD6h_x47J{81_(BB1zhGf13oU$+_yT``sD+J?fFO!?7Qq)GLJB2fK=20$iXc`N
zqGBWj(}*B~Ao#A_vcrx{Zf54*duGl({W*Khx6WgaXfVud2e2M^CFy7CQc9g@W(R?5
zz-Hirq^qfG^$lTWK4%!X32chOGm=gW5@HCL0k!~tfp@@BNpsmD3JKf@1zvL&I1N0P
zWLY5sU?dc5jA9>wJ-}QO0AH)?o(O>5z%<|hu3$bCyiNW3;=Ec2Gg}252CfHy&vo~w
zfM-n;SOTephy;!Rz6UnMgioPhwk?249Tf`R1IHx2ZbLz>jtT|72mBN~Z8L#V9Tf^b
z1ABotIRKXFC{f_&egQZx>1EprR_Lfu;CtW<@I;ay%WOjx3ciE_e;u;|Eb1_`?Z9JT
z8{i5)#3^`@?bACJc8HyR_XDc~;sJ0{(ziiEtOM=>`=jVD;FhGZfkAj7GusN>1N@m@
zx<$u<i;{lihWUSO2Z%Q+2Lfa<5#UO0kY#U&nR%-=(E&0k>0Hh<Ry<%8YCNIyxe_UT
zMN8EDj)X4d0I7S*JJmSIl%%t5tLfI%l%1N^)%4QdIY{x;cp{T=e80DmN>_-uM>^H~
z0q#ih9;5N-38Lmg^F&4^HA<vshysZJ`W*ti3HC&8$8TUVNM8^IHC}jMcyN$0N!}1A
zjlLlYiQETvMb(FryfaT4Ne~5)%ke)lF6mJcK`(z`bqkx>T3`+EwMhr|4}AvGB9Xt8
Q8~^|S07*qoM6N<$f_R<=oB#j-

literal 0
HcmV?d00001