栏目头部广告

微信中H5视频播放自动全屏解决方案

  在 H5 页面中,使用 video 格式嵌入视频,在第三方浏览器中打开是正常的小屏模式,但在微信中播放视频会自动默认全屏。

  安卓端添加属性:

  x-webkit-airplay="true"

  x5-playsinline="true"

  苹果端设置属性:

  webkit-playsinline="true"

  playsinline="true"

  整体的调用样式参照以下

  <video id="videoID" controls src="XXX" poster="XXX.jpg" preload="auto" x-webkit-airplay="true" x5-playsinline="true" webkit-playsinline="true" playsinline="true"></video>


文章详情页广告