美文网首页微信
解决微信video播放其他控件会被遮挡

解决微信video播放其他控件会被遮挡

作者: 谢炳南 | 来源:发表于2019-04-15 14:41 被阅读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>
    

    相关文章

      网友评论

        本文标题:解决微信video播放其他控件会被遮挡

        本文链接:https://www.haomeiwen.com/subject/bmfuwqtx.html