Skip to content

T
TripFriend
Commit 28e3b7d7 authored by Mac's avatar Mac
Browse files
Options

全屏问题解决

parent 49d3b3dc
Hide whitespace changes
Inline Side-by-side
Showing with 195 additions and 46 deletions
pages/Clockin/Clockin.js
View file @ 28e3b7d7
......@@ -26,6 +26,7 @@ Page({
videoContext:'',
playVideoSrc:'',
videoState: false,
videoState_t:false
},
videoContext: null,
......@@ -69,17 +70,35 @@ Page({
msg:msg
})
},
bindPreviewVideo(e) {
let playVideoSrc =this.data.msg.VideoAddress;
let playVideoSrc = this.data.msg.VideoAddress;
this.videoContext = wx.createVideoContext('prew_video');
this.videoContext.play();
this.videoContext.requestFullScreen({ direction: 0 });
this.setData({
videoState: true,
playVideoSrc: playVideoSrc
})
this.videoContext.play();
},
/**视屏进入、退出全屏 */
fullScreen(e) {
var isFull = e.detail.fullScreen;
//视屏全屏时显示加载video，非全屏时，不显示加载video
this.setData({
videoState: isFull
})
if (isFull == false) {
this.videoContext = wx.createVideoContext('prew_video');
this.videoContext.pause();
this.videoContext.exitFullScreen();
}
},
bindwaiting(e) {
console.log(e)
},
bindVideoScreenChange: function ( e) {
var status = e.detail.fullScreen;
......
pages/Clockin/Clockin.wxml
View file @ 28e3b7d7
<view hidden="{{videoState}}" class="clock">
<view hidden="{{videoState_t}}" class="clock">
<view style="padding:30rpx;position:relative">
<image style="width:70rpx;height:70rpx;position: absolute;" src="../../images/index/adress.png"></image>
<view class="title">
......@@ -45,11 +45,11 @@
<view class="hr"></view>
<view bindtap="tiJiao" class="sumbitBtn">提交</view>
</view>
<view hidden="{{!videoState}}" class="video_box">
<view class='{{videoState?"show":"hide"}}' >
<video id="prew_video"
autoplay="true"
bindfullscreenchange="fullScreen"
show-fullscreen-btn="fasle"
src="{{playVideoSrc}}"></video>
<image bindtap="closeVideo" class="closeImg" src="../../images/index/close.png"></image>
src="{{playVideoSrc}}"
bindfullscreenchange="fullScreen"
autoplay="true"
loop='true'
></video>
</view>
\ No newline at end of file
pages/Clockin/Clockin.wxss
View file @ 28e3b7d7
......@@ -97,4 +97,10 @@
height: 40rpx;
right: -20rpx;
top: -20rpx;
}
.show{
display:show;
}
.hide{
display:none;
}
\ No newline at end of file
pages/comments/comments.js
View file @ 28e3b7d7
......@@ -40,16 +40,34 @@ Page({
this.videoContext.pause();
},
bindPreviewVideo(e) {
console.log("eee",e);
let playVideoSrc = e.currentTarget.dataset.item.VideoAddress;
this.videoContext = wx.createVideoContext('prew_video');
this.videoContext.requestFullScreen({ direction:0});
this.setData({
videoState: true,
playVideoSrc: playVideoSrc
})
this.videoContext = wx.createVideoContext('prew_video');
this.videoContext.play();
},
/**视屏进入、退出全屏 */
fullScreen(e) {
var isFull = e.detail.fullScreen;
//视屏全屏时显示加载video，非全屏时，不显示加载video
this.setData({
videoState: isFull
})
if (isFull == false) {
this.videoContext = wx.createVideoContext('prew_video');
this.videoContext.pause();
this.videoContext.exitFullScreen();
}
},
bindwaiting(e){
console.log(e)
},
modeImg(e) {
let img = e.currentTarget.dataset.item.ImgList;
wx.previewImage({
......
pages/comments/comments.wxml
View file @ 28e3b7d7
......@@ -25,10 +25,11 @@
<view wx:else style="padding-top:280rpx;text-align:center">
<image style="width:438rpx;height:215rpx" src="../../images/index/nodata.png"></image>
</view>
<view hidden="{{!videoState}}" class="video_box">
<view class='{{videoState?"show":"hide"}}' >
<video id="prew_video"
show-fullscreen-btn="fasle"
src="{{playVideoSrc}}"
bindfullscreenchange="fullScreen"
src="{{playVideoSrc}}"></video>
<image bindtap="closeVideo" class="closeImg" src="../../images/index/close.png"></image>
autoplay="true"
loop='true'
></video>
</view>
\ No newline at end of file
pages/comments/comments.wxss
View file @ 28e3b7d7
......@@ -52,4 +52,10 @@
height:50rpx;
background:linear-gradient(180deg,rgba(255,49,102,0.3),rgba(255,49,102,0.05));
border-radius:2rpx;
}
.show{
display:show;
}
.hide{
display:none;
}
\ No newline at end of file
pages/index/hotelDetails/hotelDetails.js
View file @ 28e3b7d7
......@@ -47,14 +47,33 @@ Page({
},
bindPreviewVideo(e) {
let playVideoSrc = e.currentTarget.dataset.item.VideoAddress;
this.videoContext = wx.createVideoContext('prew_video');
this.videoContext.requestFullScreen({ direction: 0 });
this.setData({
videoState: true,
playVideoSrc: playVideoSrc
})
this.videoContext = wx.createVideoContext('prew_video');
this.videoContext.play();
},
/**视屏进入、退出全屏 */
fullScreen(e) {
var isFull = e.detail.fullScreen;
//视屏全屏时显示加载video，非全屏时，不显示加载video
this.setData({
videoState: isFull
})
if (isFull == false) {
this.videoContext = wx.createVideoContext('prew_video');
this.videoContext.pause();
this.videoContext.exitFullScreen();
}
},
bindwaiting(e) {
console.log(e)
},
modeImg1(e) {
let img = e.currentTarget.dataset.item.ImgList;
wx.previewImage({
......
pages/index/hotelDetails/hotelDetails.wxml
View file @ 28e3b7d7
......@@ -48,10 +48,11 @@
</view>
</view>
</view>
<view hidden="{{!videoState}}" class="video_box">
<view class='{{videoState?"show":"hide"}}' >
<video id="prew_video"
show-fullscreen-btn="fasle"
src="{{playVideoSrc}}"
bindfullscreenchange="fullScreen"
src="{{playVideoSrc}}"></video>
<image bindtap="closeVideo" class="closeImg" src="../../../images/index/close.png"></image>
autoplay="true"
loop='true'
></video>
</view>
\ No newline at end of file
pages/index/hotelDetails/hotelDetails.wxss
View file @ 28e3b7d7
......@@ -78,4 +78,10 @@
line-height:90rpx;
text-align: center;
font-size: 30rpx;
}
.show{
display:show;
}
.hide{
display:none;
}
\ No newline at end of file
pages/index/mealDetail/mealDetail.js
View file @ 28e3b7d7
......@@ -47,14 +47,33 @@ Page({
},
bindPreviewVideo(e) {
let playVideoSrc = e.currentTarget.dataset.item.VideoAddress;
this.videoContext = wx.createVideoContext('prew_video');
this.videoContext.requestFullScreen({ direction: 0 });
this.setData({
videoState: true,
playVideoSrc: playVideoSrc
})
this.videoContext = wx.createVideoContext('prew_video');
this.videoContext.play();
},
/**视屏进入、退出全屏 */
fullScreen(e) {
var isFull = e.detail.fullScreen;
//视屏全屏时显示加载video，非全屏时，不显示加载video
this.setData({
videoState: isFull
})
if (isFull == false) {
this.videoContext = wx.createVideoContext('prew_video');
this.videoContext.pause();
this.videoContext.exitFullScreen();
}
},
bindwaiting(e) {
console.log(e)
},
modeImg1(e) {
let img = e.currentTarget.dataset.item.ImgList;
wx.previewImage({
......
pages/index/mealDetail/mealDetail.wxml
View file @ 28e3b7d7
......@@ -51,10 +51,11 @@
</view>
</view>
</view>
<view hidden="{{!videoState}}" class="video_box">
<view class='{{videoState?"show":"hide"}}' >
<video id="prew_video"
src="{{playVideoSrc}}"
bindfullscreenchange="fullScreen"
show-fullscreen-btn="fasle"
src="{{playVideoSrc}}"></video>
<image bindtap="closeVideo" class="closeImg" src="../../../images/index/close.png"></image>
autoplay="true"
loop='true'
></video>
</view>
\ No newline at end of file
pages/index/mealDetail/mealDetail.wxss
View file @ 28e3b7d7
......@@ -74,4 +74,10 @@
line-height:90rpx;
text-align: center;
font-size: 30rpx;
}
.show{
display:show;
}
.hide{
display:none;
}
\ No newline at end of file
pages/index/sceneDetail/sceneDetail.js
View file @ 28e3b7d7
......@@ -39,24 +39,39 @@ Page({
this.getPinglunList();
},
closeVideo() {
this.setData({
videoState: false,
})
this.videoContext = wx.createVideoContext('prew_video');
this.videoContext.pause();
},
bindPreviewVideo(e) {
let playVideoSrc = e.currentTarget.dataset.item.VideoAddress;
this.videoContext = wx.createVideoContext('prew_video');
this.videoContext.requestFullScreen({ direction:0});
this.setData({
videoState: true,
playVideoSrc: playVideoSrc
})
this.videoContext = wx.createVideoContext('prew_video');
this.videoContext.play();
},
/**视屏进入、退出全屏 */
fullScreen(e) {
var isFull = e.detail.fullScreen;
//视屏全屏时显示加载video，非全屏时，不显示加载video
this.setData({
videoState: isFull
})
if (isFull == false) {
this.videoContext = wx.createVideoContext('prew_video');
this.videoContext.pause();
this.videoContext.exitFullScreen();
}
},
bindwaiting(e){
console.log(e)
},
modeImg1(e) {
let img = e.currentTarget.dataset.item.ImgList;
wx.previewImage({
......
pages/index/sceneDetail/sceneDetail.wxml
View file @ 28e3b7d7
......@@ -50,11 +50,11 @@
</view>
</view>
<view hidden="{{!videoState}}" class="video_box">
<view class='{{videoState?"show":"hide"}}' >
<video id="prew_video"
autoplay="true"
src="{{playVideoSrc}}"
bindfullscreenchange="fullScreen"
show-fullscreen-btn="fasle"
src="{{playVideoSrc}}"></video>
<image bindtap="closeVideo" class="closeImg" src="../../../images/index/close.png"></image>
</view>
\ No newline at end of file
autoplay="true"
loop='true'
></video>
</view>
pages/index/sceneDetail/sceneDetail.wxss
View file @ 28e3b7d7
......@@ -73,4 +73,10 @@
line-height:90rpx;
text-align: center;
font-size: 30rpx;
}
.show{
display:show;
}
.hide{
display:none;
}
\ No newline at end of file
pages/index/strateDateil/strateDateil.js
View file @ 28e3b7d7
......@@ -47,14 +47,33 @@ Page({
},
bindPreviewVideo(e) {
let playVideoSrc = e.currentTarget.dataset.item.VideoAddress;
this.videoContext = wx.createVideoContext('prew_video');
this.videoContext.requestFullScreen({ direction: 0 });
this.setData({
videoState: true,
playVideoSrc: playVideoSrc
})
this.videoContext = wx.createVideoContext('prew_video');
this.videoContext.play();
},
/**视屏进入、退出全屏 */
fullScreen(e) {
var isFull = e.detail.fullScreen;
//视屏全屏时显示加载video，非全屏时，不显示加载video
this.setData({
videoState: isFull
})
if (isFull == false) {
this.videoContext = wx.createVideoContext('prew_video');
this.videoContext.pause();
this.videoContext.exitFullScreen();
}
},
bindwaiting(e) {
console.log(e)
},
modeImg1(e) {
let img = e.currentTarget.dataset.item.ImgList;
wx.previewImage({
......
pages/index/strateDateil/strateDateil.wxml
View file @ 28e3b7d7
......@@ -50,10 +50,11 @@
</view>
</view>
<view hidden="{{!videoState}}" class="video_box">
<view class='{{videoState?"show":"hide"}}' >
<video id="prew_video"
show-fullscreen-btn="fasle"
src="{{playVideoSrc}}"
bindfullscreenchange="fullScreen"
src="{{playVideoSrc}}"></video>
<image bindtap="closeVideo" class="closeImg" src="../../../images/index/close.png"></image>
autoplay="true"
loop='true'
></video>
</view>
\ No newline at end of file
pages/index/strateDateil/strateDateil.wxss
View file @ 28e3b7d7
......@@ -66,4 +66,10 @@
line-height:90rpx;
text-align: center;
font-size: 30rpx;
}
.show{
display:show;
}
.hide{
display:none;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment