Javascript 从iframe外部启动全屏

我希望能够从iframe外部的按钮将iframe启动到全屏。我使用的按钮可以启动页面进入全屏，但我不确定，也无法找到如何对iframe执行相同操作

代码

HTML按钮：

<button onclick="launchFullscreen(document.documentElement);" class="sexyButton">Launch Fullscreen</button>

---

为什么不创建一个链接，链接到新选项卡中打开的iframe源代码？您也可以使用本文，因为它有一些很好的示例

以下是全部内容：

<script>
<!--
function fullwin(){
window.open("YOURURLHERE.COM","bfs","fullscreen,scrollbars")
}
//-->
</script>

<form>
<input type="button" onClick="fullwin()" value="Open Full Screen Window">
</form>

一个基本的谷歌搜索带来了另一种方法：

---

终于能够找到答案了

// Find the right method, call on correct element
function fullScreen(element) {
  if(element.requestFullscreen) {
    element.requestFullscreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  } else if(element.msRequestFullscreen) {
    element.msRequestFullscreen();
  }
}

function fullwin(){
var canvas = document.getElementById('ppt');
fullScreen(canvas);
}

---

iframe需要allowfullscreen=“true”属性，不确定它是否跨域工作iframe上有atribute。我的代码将iframe所在的页面启动到FullScreen中，但这并不能解决当前的问题。问题是如何启动它。我真的不想打开弹出窗口。我不能使用api。document.body.requestFullscreen（）；

// Find the right method, call on correct element
function fullScreen(element) {
  if(element.requestFullscreen) {
    element.requestFullscreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  } else if(element.msRequestFullscreen) {
    element.msRequestFullscreen();
  }
}

function fullwin(){
var canvas = document.getElementById('ppt');
fullScreen(canvas);
}