实现需求:要求在页面内播放视频,不能弹窗播放,不全屏播放
实现方式:<video playsinline="true" webkit-playsinline="true" x5-video-player-type="h5" src="video.mp4"></video>
解决的兼容性:微信浏览器打开video视频会自动全屏播放,设置x5-video-player-type="h5",h5同层播放器,仅在安卓微信X5浏览器可以。IOS使用playsinline="true" webkit-playsinline="true"解决同层播放。
最终结果:在我的测试范围内,IOS没问题,安卓大部分机型没问题,仅华为荣耀V20和Nova6 5G(PS:Nova6 4G版没有出现问题)版这两款手机出现仍然被强制全屏播放,对应华为EMUI软件版本是10.0.0.194、10.0.1.173
本文地址:https://blog.csdn.net/qq_27962839/article/details/106380039
如对本文有疑问, 点击进行留言回复!!
【java基础】面试常见问题:类和对象,封装继承多态,final关键字,static关键字,类加载过程,双亲委派模型
荐 Java语言基础之JDK1.8新特性(Lambda表达式、函数式接口、Stream流、新的日期API)
网友评论