问题重现:
基础库: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的字幕。而在安卓下没显示。
已解决。要把cover-view 放在video中