vue-video-player在微信浏览器自动全屏

查了很多资料 

<video  src=""  controls="" x5-playsinline="" playsinline="" webkit-playsinline="" poster="" preload="auto"></video>
video标签内属性这样写其实就ok 用了插件以后尝试在插件上绑定修改失败。
参考这篇文章
https://blog.csdn.net/imwkey/article/details/89355599
他的思路是ok的 但是我试了一下也是没成功 最后直接修改了源代码
在 vue-video-player.js这个文件中有一段关于video属性的设置 搜索h5可以找到 把整段替换成下面的代码完美通过 iOS和安卓

this.$refs.video.setAttribute("playsinline","playsinline"),this.$refs.video.setAttribute("x-webkit-airplay","allow"),this.$refs.video.setAttribute("webkit-playsinline","webkit-playsinline"),this.$refs.video.setAttribute("controls",""),this.$refs.video.setAttribute("x5-playsinline","x5-playsinline")

记录一下这个坑