javascript - video在微信浏览器下全屏播放，怎么检测当前正是在全屏播放的状态

Question

是这样的，video标签在微信浏览器下会强制全屏播放。但在ios下可以通过webkit-playsinline playsinline来做到内联播放。安卓下没暂时没办法，就只能全屏播放（并控制竖屏）

现在：

1. 首帧图片因为poster的兼容性问题，弃用，转用img图片代替。

2. 又因为安卓微信下video元素z-index置顶，影响上面img的显示，不得不将其width设为1，反正播放会自动全屏(并设width: 100%)，那么就需要检测当前状态是正在全屏播放进而设定不同的css.

请问： 如何检测？

当然： 有别的方式实现兼容，也很好：
目标是：

1. ios下内敛播放

2. 安卓下全屏（竖屏）播放

3. 要有首帧图片

Answer 1

你可以先在页面插入一张poster图片，点击图片之后再插入video标签