- 官方来看下video组件 非全屏播放视频 旋转了90度
- 当前 Bug 的表现(可附上截图) [图片] 这是华为 P20 pro的截图 - 预期表现 [图片] 这是小米的截图 - 复现路径 - 提供一个最简复现 Demo <view> <video id="videoID" src="http://images.dibibi.cn/video/story/5fTfQWxmraGQfYyfNiWpYE4G58hFMhxe" poster='http://images.dibibi.cn/video/story/5fTfQWxmraGQfYyfNiWpYE4G58hFMhxe?vframe/jpg/offset/1'> </video> </view>
2018-11-26 - video标签全屏播放bug,更新到6.7.3就无法通过js触发全屏播放
- 当前 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; } }
2018-09-28 - 最新版微信ios视频全屏bug
在ios12 6.7.3版微信中,小程序调用 VideoContext.requestFullScreen接口失效,无法将视频全屏播放。
2018-09-28