收藏
回答

微信小程序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下效果:


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




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

1 个回答

  • 隳名城
    隳名城
    2019-10-09

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

    2019-10-09
    有用
    回复
登录 后发表内容
问题标签