微信版本:6.7.2 机型:iPhone6s 代码片段: <a href="wechatide://minicode/lHsAblmP7A2V" target="_blank">wechatide://minicode/lHsAblmP7A2V</a> 此问题在模拟器上无法复现,只有在真机上才有此问题。且安卓上无此问题。代码片段貌似无法在手机上预览。
IOS 设备 cover-view 无法覆盖 live-player- 当前 Bug 的表现(可附上截图) 在 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[代码][代码]>[代码]
2018-09-11