H5 移动端怎么监听video退出了全屏？

Question

要在手机页面上放个视屏，设计的框框是16:9的，但是视频差不多反了一下是9:16的，所以我就想在播放前隐藏，点击播放后全屏显示播放，退出全屏就直接关闭隐藏视频。 我在这里监听webkitfullscreenchange事件，但是手机上好像不支持？下面是我的代码：

vdo.addEventListener("webkitfullscreenchange", function(e) {

    if (!document.webkitIsFullScreen) {

       //退出全屏关闭视频

       alert(1);

    };

})

请问我改怎么样才能知道退出了全屏？