收藏
回答

video切换全屏后,cover-view不显示

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug video 客户端 6.7.2 2.2.5

想实现如下功能:

video上面有cover-view切换按钮,通过videoContext进行绑定后,执行requestFullScreen方法进行全屏显示,保持cover-view显示

现在在真机测试中发现,iOS系统下是可以的,安卓系统下华为手机和vivoNex失败,全屏后cover-view消失

不知道是系统的问题还是别的什么问题


最后一次编辑于  2018-09-25  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

5 个回答

  • 末
    2018-10-18

    把cover-view放在video标签中就可以了


    2018-10-18
    赞同 11
    回复 1
    • 吴侃
      吴侃
      2018-10-19

      我在live-player也遇到一样的问题,把cover-view放到live-player标签中就可以了,有点坑,关键是ios可以,安卓就不行,头疼半天


      2018-10-19
      赞同
      回复
  • 娇华
    娇华
    2018-09-25

    你好,代码片段不可用,麻烦重新确认下,也补充提供下机型、微信版本

    2018-09-25
    赞同
    回复 1
    • 秦智博
      秦智博
      2018-09-25

      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

      2018-09-25
      赞同
      回复
  • 是柿子啊
    是柿子啊
    2018-09-25

    你好,你所提供的代码片段并无设计问题,麻烦重新提供一下:

    2018-09-25
    赞同
    回复