从 iframe 外部启动全屏

Launch fullscreen from outside iframe

本文关键字：启动 外部 iframe      更新时间：2023-09-26

我希望能够从iframe外部的按钮全屏启动iframe。我拥有的按钮可以 全屏启动页面 ，但我不确定也无法找到如何为 iframe 做同样的事情。

法典

网页按钮 ：

<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();
  }
}

为什么不创建一个链接到在新选项卡中打开的 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

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

打造令人惊叹的全屏移动体验

终于能够找到答案了。

// 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);
}
相关文章：