html52.com
我爱小程序-开发者交流社区

微信小程序Bug,小米或者说安卓系统,视频全屏时,cover-view 无效,没显示?


问题重现:

基础库:2.8.3

开发工具版本:1.02.1907300

相关代码:

<video

id="videoPlayer" src="{{ detail.video }}" autoplay="{{ isPlaying }}" bindplay="onPlay" bindpause="onPause" loop='true'hidden="{{ !isShowVideo }}" custom-cache="{{false}}" show-fullscreen-btn="true" bindtimeupdate="bindtimeupdate" bindfullscreenchange="showSubtitles" controls>

</video>



<cover-view wx:if="{{subtitles}}"  class="self-cover">

<cover-view class="selfbt"> {{china_text}} </cover-view>

<cover-view class="flex-wrp" style="flex-direction:row;" ><cover-view capture-catch:tap="tapWord"  data-word="{{ cItemWord }}" class="selfbt"   wx:for="{{ english_text }}" wx:key="cIndex"  wx:for-item="cItemWord">{{cItemWord}}</cover-view></cover-view>

</cover-view>


.self-cover{position: fixed;width:100%;bottom:0;left:0;display: flex;flex-direction: column;background:#000;opacity: 1;}

.flex-wrp{display: flex;flex-flow: row wrap;}

.selfbt{padding: 0 6rpx;color: white;}


在iphone下效果:

在iphone下效果:如上图,底下有cover-view的字幕。而在安卓下没显示。

如上图,底下有cover-view的字幕。而在安卓下没显示。




网友回复

隳名城:

已解决。要把cover-view 放在video中

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付