问题模块 框架类型 问题类型 终端类型 微信版本 基础库版本
框架 微信小程序 Bug 客户端 6.7.3 1.2.0

- 当前 Bug 的表现（可附上截图）
我的做法是将视频display： none，通过点击图片全屏播放视频
通过js去设置全屏播放video标签无效，在最新版本的微信上，其他的基本正常


- 预期表现
通过js能全屏播放视频


- 复现路径




- 提供一个最简复现 Demo
部分代码
wxml:





js:
// 播放视频
playVideoEvent() {
const vm = this
vm.videoContext = wx.createVideoContext('video');
vm.videoContext.requestFullScreen({ direction: 0 })
vm.videoContext.play()
vm.playVideo = true
},


// 全屏状态改变时的回调
// 判断状态是都需要暂停视频
listenFullScreen() {
const vm = this
vm.playVideo = !vm.playVideo
if (!vm.playVideo) {
return
}
vm.playVideo = false
vm.videoContext.pause()
}
wxss:
.swiper-content{
width: 100%;
min-height: 250rpx;
overflow: hidden;
position: relative;
image{
width: 750rpx;
height: 360rpx;
&.icon-play{
position: absolute;
width: 40rpx;
height: 50rpx;
left: 50%;
top: 50%;
margin-left: -50rpx;
margin-top: -50rpx;
z-index: 10;
padding: 25rpx 30rpx;
border-radius: 50rpx;
background: #666;
display: none;
&.show{
display: block;
}
}
}
video{
display: none;
}
}




代码片段
vm.videoContext.requestFullScreen({ direction: 0 }) vm.videoContext.play()

微信小程序开发问题解答