美文网首页微信
解决微信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播放其他控件会被遮挡

    微信添加video标签默认会全屏播放,并且不显示其他自定义的控件 1.在ios下面比较简单只要给video添加we...

  • 第八节:多媒体元素

    多媒体元素 video 视频audio 音频 video 默认情况是不显示播放控件的controls:控制控件...

  • 视频全屏播放

    微信中视频全屏播放 使用插件方式 参考链接 html5--移动端视频video的android兼容,去除播放控件、全屏等

  • HMTL5 音视频

    视频video属性 可以通过control属性打开播放控件,或者如下自定义播放控件: 自定义包括 播放:play...

  • 解决SurfaceView调用setZOrderOnTop(tr

    SurfaceView遮挡其他控件的项目背景: 最近在做播放器项目,由于底层实现是用Surface和OpenGL切...

  • 微信浏览器播放video自动全屏问题

    微信浏览器用的是chrome的内核 播放会自动将视频全屏要解决问题需要在video标签中添加如下内容 解决安卓部分...

  • 日常采坑

    video视频自动播放失效问题 页面初始化的时候调用video标签的play函数即可 微信视频播放的问题 需求是一...

  • h5 video标签

    video标签用于视频播放的常用属性controls:规定浏览器应该为视频提供播放控件。controlsList...

  • video autoplay仿主流视频网站实现预览播放

    video的autoplay失效 video作为html页面中的视频播放控件,基于保护手机端流量或者打扰用户的原因...

  • h5之视频播放疑难点

    流量保护,自动播放属性不生效,必须通过用户手动触发视频播放。 video层级过高,设置z-index无效。 微信端...

网友评论

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

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