微信小程序Bug,小米或者说安卓系统,视频全屏时,cover-view 无效,没显示?
发布于 7 年前 作者 yan75 5271 次浏览 来自 官方Issues

问题重现:

基础库: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 回复

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

回到顶部