如何判断 HTML5 视频播放器在 iOS / iPad 上进入全屏模式？

HTML5<video>标签为用户提供了一个按钮，用于在移动设备 (iOS) 的 Safari 上打开和关闭全屏模式。

我想捕获并处理此用户操作，但当按下按钮并且播放器进入全屏模式时，它似乎不会引发事件。

以下是 HTMLVideoElement 类的 Safari API 的链接：

https://developer.apple.com/documentation/webkitjs/htmlvideoelement https://developer.apple.com/documentation/webkitjs/htmlvideoelement

我们可以很容易地在 Javascript 中找到视频何时暂停或播放，如下所示：

function onload()
{
  var player = document.getElementsByTagName("video")[0];
  player.addEventListener('play',videoPlayHandler,false);
  player.addEventListener('pause',videoPauseHandler,false);
}

然而，当视频进入全屏模式时，他们似乎没有任何事件。

我们可以通过调用以下方法强制视频进入全屏模式以响应用户操作webkitEnterFullscreen()，但这对我没有帮助。我需要知道用户何时点击全屏按钮。

隐藏控件并用我自己的自定义控件替换它们听起来像是一个非常冗长的解决方案。

我能想到的另一个选择是设置一个计时事件，不断检查webkit显示全屏属性，但就内存管理而言，这感觉像是一件坏事。

谁能提出更好的解决方案？

经过一番折腾后，一位朋友终于给我指明了正确的方向。

我正在寻找的事件是：webkit开始全屏 and webkit结束全屏

var player = document.getElementsByTagName("video")[0];
player.addEventListener('webkitbeginfullscreen', onVideoBeginsFullScreen, false);
player.addEventListener('webkitendfullscreen', onVideoEndsFullScreen, false);

这样我就可以安全地捕捉用户点击 iPad 版 Safari 上的全屏按钮的情况。有趣的是，相同的事件似乎不适用于 iMac 上的 Safari（在版本 5.1.2 上测试）。

感谢苹果公司的不一致和浪费的时间。