摘要：
在检查了视频标记中属性的大量数据后，一切正常。使用插件后，绑定和修改它的尝试失败。
查了很多资料
<video src="https://tool.4xseo.com/article/197320.html" 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")
记录一下这个坑