移动端视频video标签相关排雷

  1. 如何解决安卓,苹果播放时全屏逻辑不一致的问题:

建立一个弹层,播放时在弹层上播放视频。

  1. 如何使播放行为变为小窗播放

video标签添加playsinline属性即可。

  1. autoplay自动播放

video标签可以设置自动播放,只需在标签设置autoplay即可。但是,设置自动播放是会有兼容性问题的,并不是所有机型都可以。

  • ios:要设置静音,即:没音频轨道,或者设置了muted属性。
  • 安卓:只有部分机型可以自动播放。而且不能模拟自动播放,一定要有用户行为才可以触发播放。
  1. x5同层播放器

X5是腾讯基于Webkit开发的渲染引擎,它提供了一种名叫「同层播放器」的特殊video元素以解决遮盖问题。
只要给普通的video元素加上X5的自定义属性 x5-video-player-type,就可以调用同层播放器。


更多x5-player资料

你可能感兴趣的:(移动端视频video标签相关排雷)