IOS 设备 cover-view 无法覆盖 live-player - WXOPEN Club

在 ios 设备上，在播放器右下角未展示全屏按钮(图片)，如下图：

在 Android 设备上显示正常，如下图：

在 ios 和 android 设备上都可以正常展示全屏按钮。

1，在 cover-image 上绑定了 imgLoadError 和 imgLoadSuccess 方法检测按钮图片是否正常加载，结论是两个设备都提示图片加载成功，所以不是加载问题。

2，在代码中删除 live-player 相关代码之后，均可看到全屏按钮图片。

综上，怀疑是因为在 ios 设备上 cover-view 或者 cover-image 未完全覆盖在 live-player 原生组件之上导致此问题。

<view class="live-container">

<live-player class="live"

id="live"

src="{{ live.flv_stream }}"

mode="live"

background-mute="true"

bindstatechange="stateChange"

bindfullscreenchange="fullScreenChange"

binderror="error"

bindtap="toggleToolBar"

/>

<cover-view hidden="{{ !isFullScreen }}"

bindtap="exitFullscreen"

class="live-tool-bar-fullscreen">

<cover-image

class="fullscreen"

mode="widthFix"

src="../../static/icons/live_back_icon.png"

/>

</cover-view>

<cover-view style="display:{{ isFullScreen ? 'none' : 'block' }}"

bindtap="fullscreen"

class="live-tool-bar">

<cover-image

class="fullscreen"

mode="widthFix"

src="../../static/icons/fullscreen_icon.png"

/>

</cover-view>

</view>