如何检测页面是否在允许全屏的iframe中呈现？

Question

我正在尝试使用JavaScript检测我的代码是否在具有iframe的跨源allowfullscreen="true"中运行。

简单的使用案例：我有一个全屏按钮，我只想显示iframe是否可以全屏播放，但我还没有找到一个好方法来检测这个！

Answer 1

毕竟这很简单:)。这是一个跨浏览器的解决方案：

const getFullscreenEnabled = () =>
  document.fullscreenEnabled ||
  document.webkitFullscreenEnabled ||
  document.mozFullScreenEnabled ||
  document.msFullscreenEnabled