对于vue-video-player,从github上找到一段代码,直接放页面!可以了,视频展示出来了!开始下一个功能。。。。
这可能是大部分前端开发者一贯的思维模式,拿来一个插件,看着demo就做出来了,功能展示正常就OK了,但是一旦出了bug,就会面向百度编程或者面向Google编程!
其实,我也是这样的,哈哈哈哈.....
废话不多说,最近在做一个视频播放的功能,找到vue-video-player插件后,咔咔咔完事,拿着我的爱疯,完美演绎!但是其他人的国产某牌手机,展示的完全不一样,打开后自动全屏,而且还有个横竖屏控制。“这是我写的页面?????”,心中一万只神兽在奔腾。横竖屏切换后,视频下的内容在全屏模式下展示了出来一部分。
百度了半天,看源码,还是不知道咋回事。
后来终于找到了解决办法:
之前:playsinline="playsinline"
这里是true写死的,现在改为计算属性playsinline()
computed: {
player () {
return this.$refs.videoPlayer.player
},
playsinline () {
let ua = navigator.userAgent.toLocaleLowerCase()