小程序
小游戏
企业微信
微信支付
扫描小程序码分享
想实现如下功能:
video上面有cover-view切换按钮,通过videoContext进行绑定后,执行requestFullScreen方法进行全屏显示,保持cover-view显示
现在在真机测试中发现,iOS系统下是可以的,安卓系统下华为手机和vivoNex失败,全屏后cover-view消失
不知道是系统的问题还是别的什么问题
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
把cover-view放在video标签中就可以了
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
我在live-player也遇到一样的问题,把cover-view放到live-player标签中就可以了,有点坑,关键是ios可以,安卓就不行,头疼半天
你好,你所提供的代码片段并无设计问题,麻烦重新提供一下:
你好,代码片段不可用,麻烦重新确认下,也补充提供下机型、微信版本
index.js:
onReady: function () {
this.videoContext = wx.createVideoContext('mainVideo', this)
},
videoUpdate: function () {
this.videoContext.requestFullScreen({
direction: '90'
})
}
index.wxml:
<video id='mainVideo' class='main-video' src='https://objs.dreamplanet.com.cn/phonics/reading/A/introduction.mp4' autoplay="{{true}}" controls='{{false}}' objectFit='cover' enable-progress-gesture='{{false}}' bindtimeupdate='videoUpdate'>
<cover-view class='main-cover-view'></cover-view>
</video>
index.wxss:
.main-video {
position: absolute;
left: 0rpx;
top:0rpx;
width: 100%;
height: 100%;
.main-cover-view {
width: 120rpx;
height: 120rpx;
right: 50rpx;
bottom: 50rpx;
background-color: red;
机型:vivo NEX
安卓版本: 8.1.0
微信版本:6.7.2
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
把cover-view放在video标签中就可以了
我在live-player也遇到一样的问题,把cover-view放到live-player标签中就可以了,有点坑,关键是ios可以,安卓就不行,头疼半天
你好,你所提供的代码片段并无设计问题,麻烦重新提供一下:
你好,代码片段不可用,麻烦重新确认下,也补充提供下机型、微信版本
index.js:
onReady: function () {
this.videoContext = wx.createVideoContext('mainVideo', this)
},
videoUpdate: function () {
this.videoContext.requestFullScreen({
direction: '90'
})
}
index.wxml:
<video id='mainVideo' class='main-video' src='https://objs.dreamplanet.com.cn/phonics/reading/A/introduction.mp4' autoplay="{{true}}" controls='{{false}}' objectFit='cover' enable-progress-gesture='{{false}}' bindtimeupdate='videoUpdate'>
<cover-view class='main-cover-view'></cover-view>
</video>
index.wxss:
.main-video {
position: absolute;
left: 0rpx;
top:0rpx;
width: 100%;
height: 100%;
}
.main-cover-view {
position: absolute;
width: 120rpx;
height: 120rpx;
right: 50rpx;
bottom: 50rpx;
background-color: red;
}
机型:vivo NEX
安卓版本: 8.1.0
微信版本:6.7.2