是这样的,video标签在微信浏览器下会强制全屏播放。但在ios下可以通过webkit-playsinline playsinline来做到内联播放。安卓下没暂时没办法,就只能全屏播放(并控制竖屏)
现在:
首帧图片因为poster的兼容性问题,弃用,转用img图片代替。
又因为安卓微信下video元素z-index置顶,影响上面img的显示,不得不将其width设为1,反正播放会自动全屏(并设width: 100%),那么就需要检测当前状态是正在全屏播放进而设定不同的css.
请问: 如何检测?
当然: 有别的方式实现兼容,也很好:
目标是:
ios下内敛播放
安卓下全屏(竖屏)播放
要有首帧图片
相关分类