javascript - 从外部 iframe 启动全屏

Question

我希望能够通过 iframe 外部的按钮将 iframe 启动为全屏。我的按钮可以将页面启动为全屏，但我不确定并且无法找到如何对 iframe 执行相同的操作。

代码

HTML 按钮:

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

JS:

function launchFullscreen(element) {
  if(element.requestFullscreen) {
    element.requestFullscreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  } else if(element.msRequestFullscreen) {
    element.msRequestFullscreen();
  }
}

Answer 1

为什么不直接创建一个链接到在新选项卡中打开的 iframe 源代码？您也可以看看这篇文章，因为它有一些很好的例子。

这是所有内容:

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

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

http://www.htmlgoodies.com/beyond/dhtml/article.php/3470521

基本的谷歌搜索在这里提出了另一种方法:

Building an amazing fullscreen mobile experience