微信内置浏览器 非全屏播放视频解析

前提条件，接了一个项目要实现在微信公众号里课程播放，而且还有评论功能，视频需要小窗播放。
首先公布解决方案：

感谢知乎上的回答，原版微信内置浏览器 如何小窗不全屏播放视频？
感谢该问题的徐霖同学的回答，虽然我们不认识，但是很感谢对我的帮助，写这个还是主要是为了徐霖同学对我的这次帮助

解决过程：

---

心中一万个草泥马过去

---

网上百度一把片，主要是这些属性，给赋值true之类的，然而没什么卵用

webkit-playsinline="true" /*这个属性是ios 10中设置可以让视频在小窗内播放，也就是不是全屏播放*/  
  playsinline="true"  /*IOS微信浏览器支持小窗内播放*/ 
  x-webkit-airplay="allow"
  x5-video-player-type="h5"  /*启用H5播放器,是wechat安卓版特性*/
  x5-video-player-fullscreen="true" /*全屏设置，设置为 true 是防止横屏*/>
  x5-video-orientation="portraint" /*播放器支付的方向，landscape横屏，portraint竖屏，默认值为竖屏*/

还有用canvas解决的，代码可以给你们参考写是我从csdn花了3C币买的

请自动引入jq等插件库

解决过程很心酸，结果最起码是美满的，毕竟解决了segmentfault上边所说的微信X5内核不能非全屏播放视频的世界级难题（皮一下，希望不会挨打）

目前这个方法亲测可以使用华为、小米、vivo、苹果、oppo

---

随手打赏什么不奢望，只是开通一个赞赏功能，当然了请我喝饮料我也不会介意的

---