解决微信video播放其他控件会被遮挡
2019-04-15 本文已影响0人
谢炳南
微信添加video标签默认会全屏播放,并且不显示其他自定义的控件
1.在ios下面比较简单只要给video添加webkit-playsinline和playsinline这两个属性即可
<video webkit-playsinline playsinline src="http://oss.kemiandan.com/miandan/video/20190412/eb9524d27249047329bd637a1fd4adee5cb0662c041ce.mp4"></video>
2.在android设置
- 查看腾讯H5同层播放器接入规范文档
- x5-video-player-type="h5"声明启用同层H5播放器
- x5-video-player-fullscreen="true"视频播放时将会进入到全屏模式(如果不申明此属性,页面得到视口区域为原始视口大小(视频未播放前),比如在微信里,会有一个常驻的标题栏,如果不声明此属性,这个标题栏高度不会给页面,播放时会平均分为两块(上下黑块))
<video x5-video-player-fullscreen="true" x5-video-player-type="h5" webkit-playsinline playsinline src="http://oss.kemiandan.com/miandan/video/20190412/eb9524d27249047329bd637a1fd4adee5cb0662c041ce.mp4"></video>