createjs吧 关注:125贴子:865
  • 3回复贴,共1

关于微信使用内置播放器播放视频的办法

只看楼主收藏回复

大家做H5页面的时候想必都会遇到过一个问题,那就是使用video标签的时候在移动端或者微信上会默认弹出外置的播放器,使很多特效页面无法完成。但是别人的页面却可以,这是什么原因呢?


IP属地:浙江1楼2024-08-12 16:03回复
    懂的人都知道,这是腾讯的白名单,白名单内的地址可以使用内置的播放器进行播放,可惜现在腾讯已经关闭了白名单的申请,值得注意的是ios并不影响(ios只需要设置webkit-playsinline="true"),影响的主要是安卓。那怎么才能在安卓下也能播放呢?好在微信的X5内核经过了几代版本迭代,推出了x5-video-player-type="h5" 和 x5-video-player-fullscreen="true"属性,这个可以让网页在所谓“同层播放器”中播放,可以解决安卓播放视频弹出默认框的问题


    IP属地:浙江2楼2024-08-12 16:04
    回复
      2025-05-15 19:57:51
      广告
      代码:
      <video id="myvideo" style="object-fit: fill; width: 750px; height: 1206px; z-index: 0;position:fixed " autoplay="autoplay" playsinline="true" webkit-playsinline="true" x-webkit-airplay="allow" airplay="allow" loop="loop"x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-orientation="portrait" src="video/1.mp4" width="750" height="1206"></video>


      IP属地:浙江5楼2024-08-12 16:09
      回复
        由于最重要的demo楼被吞了,想看详细介绍的看:
        https://www.ajexoop.com/wordpress/?p=887


        IP属地:浙江6楼2024-08-12 16:10
        回复