前段时间开发了一个基于vue的H5短视频页面，要放在公众号栏目中，必须在微信内置浏览器中访问，滑动组件用的vue-awesome-swiper，视频播放用的vue-video-player，上线后个别用户反馈视频播放有问题，点击视频之后自动全屏无法滑动了，我马上找他们复现效果，还真是 ...

main.js 完整代码如下 ...

前端离职，让我写个视频播放页面，木办法只有我来搞了。 默认用h5的 video标签 测试时候发现微信浏览器内访问video自动全屏播放。 搜了下 video内加如下属性可以解决ios全屏问题。但是安卓还是不行。网上说是安卓的用了x5内核啥的乱七不糟的，反正微信安卓浏览器 ...

解决微信浏览器video全屏的问题 在微信浏览器里面使用video标签，会自动变成全屏，改成下面就好了，起码可以在video标签之上加入其他元素。 <video id="videoID"webkit-playsinline="true" x-webkit-airplay="true ...

在微信浏览器里面使用video标签，会自动变成全屏，改成下面就好了，起码可以在video标签之上加入其他元素。 还有个问题，在Android的微信里面，就算加上了上面的属性，还会出现上下有黑边，不能全屏的问题。 解决办法：给video加上object-fit: fill ...

视频播放器组件 1 依赖：在luffycity目录下的命令 2 配置：main.js 3 在页面中引用 4 配置数据 div.js 5 效果样式： ...

H5的video标签不能直接在vue里使用，需要安装其他插件，vue-video-player。 官网如下： https://www.npmjs.com/package/vue-video-player 简介： https://segmentfault.com ...

安装： main.js中配置： 页面中使用： demo是把playerOptions属性放到data里面，但在实际中未生效，资源并没有加载进去， 我的 ...