• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序live-player直播,全屏安卓机不兼容问题解决

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

live-player官方文档:

https://developers.weixin.qq.com/miniprogram/dev/component/live-player.html

<live-player src="https://domain/pull_stream" mode="RTC" autoplay bindstatechange="statechange" binderror="error" style="width: 300px; height: 225px;" />

由于原生组件的限制,所以也没中无论设置多少z-index都无法覆盖原生组件。

cover-view官方文档:

https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html

 

此时通过cover-view增加全屏的入口,此时会发现IOS全屏正常,安卓手机全屏不正常。

正常情况:全屏后,任然有【退出全屏】

 

 

不正常情况:全屏后,没有【退出全屏】

 

 

解决方法:

live-player双标记标签,里面嵌套cover-view即可。
     <live-player id="player" src="{{liveUrl}}" mode="RTC" autoplay bindstatechange="statechange" binderror="error">
      <cover-view class="exit-full-img">
        <cover-view wx:if="{{fullScreenFlag}}" bindtap="quitFullScreen">
          <button type="primary">退出全屏</button>
        </cover-view>
        <cover-view wx:else bindtap="fullScreen">
          <button type="primary">全屏</button>
        </cover-view>
      </cover-view>
    </live-player>

 来源:https://blog.csdn.net/u010598111/article/details/83899727


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap