- 当前 Bug 的表现（可附上截图）

我的做法是将视频display： none，通过点击图片全屏播放视频

通过js去设置全屏播放video标签无效，在最新版本的微信上，其他的基本正常

- 预期表现

通过js能全屏播放视频

- 复现路径

- 提供一个最简复现 Demo

部分代码

wxml:

<view class="swiper-content" bindtap="playVideoEvent">

    <image wx:if="{{demandInfo.banner}}" mode="widthFix" src="{{ demandInfo.banner + '?x-oss-process=image/resize,m_fill,h_240,w_500'}}"></image>

    <image bindload="loadImg" class="icon-play {{iconPlay ? 'show' : ''}}" src="{{appConfig.ossHost + 'icon_play.png'}}"></image>

    <video bindfullscreenchange="listenFullScreen" id="video" src="{{demandInfo.videoUrl}}"></video>

</view>

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;

    }

}