收藏
回答

怎么隐藏在微信webview打开的视频右上角出现的全屏按钮?


视频标签代码:<video class="video" preload="auto" id="liveVideo"
        type="application/x-mpegURL"
        poster="https://i2cut.vzan.cc/image/liveImage/jpeg/2018/8/2/122726e4b48e1d513140978567e40c7f031bec.jpeg!640x360"
        src="https://v2.weizan.cn/785733/131775627730289010/replay.1534585623.91608895.m3u8" controlslist="nodownload"
        style="width: 100%; height: 202.5px;"  x5-video-player-fullscreen="true" x5-video-player-type="h5-page" webkit-playsinline="true"
        ></video>
回答关注问题邀请回答
收藏

3 个回答

  • Ling
    Ling
    2020-03-12

    webview加载是H5或者普通页面,还得在HTML页面中进行处理

    2020-03-12
    有用
    回复 1
    • 曦轩
      曦轩
      2020-03-12
      是的,但是android微信的webview用的是他们的x5内核的,那个视频使用的又是x5播放器,通过给video标签加这样的属性x5-video-player-type=h5-page来控制视频的显示,现在不知道要怎么才能把那个全屏按钮去掉
      2020-03-12
      回复
  • G-STEPS街舞工作室
    G-STEPS街舞工作室
    2020-03-10

    可以用第三方的库,video.js ,还可以自定义播放界面

    2020-03-10
    有用
    回复 1
    • 曦轩
      曦轩
      2020-03-10
      用videojs也试过了,videojs实际用的还是video标签显示的视频,controls也隐藏了,但是还是没有作用,这个应该是微信那个x5内核的视频播放器加的,但是又没找到设置项,就像x5-video-player-type=h5-page设置视频同层播放一样
      2020-03-10
      回复
  • 星辰大海
    星辰大海
    2020-03-05

    兄弟找到解决方法了吗?

    2020-03-05
    有用
    回复 5
    • 曦轩
      曦轩
      2020-03-06
      没有啊朋友,你是第一个回复的,但是我看别人的网站是可以的: https://vzan.com/live/tvchat-783452?from=singlemessage#/,但是我没研究出来,不知道他们做了什么微信方面的配置
      2020-03-06
      回复
    • 星辰大海
      星辰大海
      2020-04-22回复曦轩
      这个问题我直接反映给产品了。我放弃了,微信团队真有意思,呵呵。
      2020-04-22
      回复
    • 远
      2020-04-30回复星辰大海
      这个是X5做了video劫持的结果,如果你想消除
      1) 成为腾讯的合作伙伴
      2)将视频的 width 撑大 width: 120%;
      然后再用 object-position: -xxx 将画面通过计算居中显示,两边裁剪
      2020-04-30
      回复
    • 星辰大海
      星辰大海
      2020-05-13回复
      好的,谢谢!感觉X5有点流氓了
      2020-05-13
      回复
    • 晴朗
      晴朗
      2020-05-14回复
      兄弟 麻烦问一下object-position: -xxx 将画面通过计算居中显示,两边裁剪 这个实怎么做的?
      2020-05-14
      回复
登录 后发表内容
问题标签