横屏视频自动播放踩坑

问题

作的页面在chrome手机端有问题：
横屏状态下自动全屏。自动全屏浏览器会自动调webkit-requestfullscreen。
由于咱们视频播放控件是自定义的，没收到全屏事件通知，会有自动全屏以后没有控件的问题。
遇到了跟这位老哥同样的问题：

原由

如图所说，
Chrome 61 for Android added a feature that automatically expands a video to fullscreen when video is playing and user rotates the device to a landscape mode. Before v61, option was hiding behind the flag chrome://flags#video-rotate-to-fullscreen
chrome 61给安卓加了手机横屏自动全屏的feature。61以前是默认关闭的，能够经过 chrome://flags#video-rotate-to-fullscreen打开这个feature。

过程

出现这个问题比较懵逼。咱们视频播放框架是基于videojs的封装。可是videojs官网的视频直接用是没有这个问题的。
并且试了下原生播放控件是有这个问题的。

排查

排查以后发现是本身在代码上加了controls=controls，就会有这种问题。

现象

这里测试到的现象是：

1. 原生控件，加了controls=controls就会出现这种问题。
2. 若是视频不在播放状态横屏是不会全屏的。
3. 若是一开始不在scrollTop = 0，好比滚动100px，也不会出现横屏全屏的问题。

chrome有这种问题，那各类封装了webkit内核的浏览器都有这种问题。好比华为浏览器