微信小程序 live-player 竟然不支持全屏播放？造个轮子，拿走不谢！

截止发文为止，微信官网尚未支持 live-player 全屏播放，鉴于项目中较多场景需要实现全屏播放，封装了一下这个小组件，需要就拿走，下载链接在文末

了解更多请移步 微信官方 API

若您有遇到其它相关问题，非常欢迎在评论中留言，我和其他读者小伙伴们将帮助解决并持续更新至此文，达到帮助更多人的目的。若感本文对您有所帮助请点个赞吧！

---

WXML

布局需要根据屏幕宽高动态调整，然后将画面方向设置为为水平，最后添加监听回调根据加载状态做出相应提示

<!-- 1. 根据屏幕宽高动态调整 2. 画面方向为水平 3. 根据加载状态做出相应提示-->
<live-player class="player" src="{
  {rtmpUrl}}" hidden="{
  {playerHidden}}" style="width:{
  {width}}px; height:{
  {height}}px" mode="live" autoplay="true" bindstatechange="onStatechange" orientation="horizontal"/>

<