<video
id="videos"
playsinline="true"
webkit-playsinline="true" /*IOS
播放视频会自动调用原生
播放器全屏
播放,这里使用这个属性让IOS内
播放视频的时候使用inline
真正实现了x5内核下的沉浸式
播放,我们看到目前的实现在微信上还是带有浏览器的titleBar的 在x5内核的环境下实现同层
播放很简单,只需要在video上添加这么两行属性:
x5-video-player-type
同层
播放模式下的效果
确实是真正意义上的沉浸式
播放,如果你的app里面webview用的也是x5内核那么这个页面也能在app上达到同样的效果,但是这种同层
播放依然有无法解决的问题,首先这个全屏模式会重新计算宽高
就可以达到等比缩放的效果,同理可以理解处理宽屏手机的代码部分,当然,应该还有更完美的方案,可以在评论区留言探讨~
作者:李牧羊
https://www.limuyang.cc/2018/07/22/video标签沉浸式
播放解决方案