收藏
回答

video组件,ios播放视频拖动进度条, 会触发底部白条,切换至其他后台app?

个人中心页面, 包括视频列表 ,和视频详情, 视频详情使用 page-container包裹video时,


1, 机型: iphone11, iphone 14, 底部有系统白条,此时拖动视频,触发系统操控,会出现切换其它app.

2, 尝试解决:底部设置padding, 与底部白条拉开一段距离,但此时发现视频进度条无法拖拽。

有遇到过的吗?

 
 videoBackData: {},

<view>列表页面</view>

<page-container wx:if="{{!!videoBackData.vid}}" class="videoPlayContainer"
                show
                z-index="10000"
                bind:afterleave="pageContainerLeave">
  <view class="video-container" style="height: {{windowInfo.windowHeight}}px;">
    <image src="/images/live/go-back.png" class="go-back" style="top: {{windowInfo.statusBarHeight + 4}}px;" catchtap="hidePageContainer"></image>
    <video
      id="video-view"
      style="width: 100%; height: calc(100% -  env(safe-area-inset-bottom) - 50px);"
      src="{{videoBackData.videoUrl}}"
      autoplay
      loop
      show-center-play-btn='{{true}}'
      show-play-btn="{{false}}"
      controls="{{true}}"
      show-bottom-progress="{{false}}" 
    ></video>
    <image wx:if="{{!playStatus}}" src="/images/video-player.png" class="play-icon" bindtap="videoClick"></image>
  </view>
  <view class="video-bottom-view">
     <view class="video-back-title">{{videoBackData.zbTitle}}</view>
     <view class="video-back-time">{{videoBackData.zbStartTime}}</view>
   </view>
</page-container>



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

1 个回答

  • Demons
    Demons
    2023-04-25

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2023-04-25
    有用
    回复
登录 后发表内容