收藏
回答

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

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

想实现如下功能:

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

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

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


回答关注问题邀请回答
收藏

3 个回答

  • 「使徒」
    「使徒」
    2018-10-18

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


    2018-10-18
    有用 2
    回复 2
    • momo
      momo
      2018-10-19

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


      2018-10-19
      回复
    • 我愿与你
      我愿与你
      2021-06-01
      太棒了,问题解决
      2021-06-01
      回复
  • 是小白啊
    是小白啊
    2018-09-25

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

    2018-09-25
    有用
    回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    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
      回复
登录 后发表内容