iFrame中的全屏模式

Question

我有一个带iFrame的HTML，其中源是另一个HTML。我想在嵌入式HTML上添加一个“全屏按钮”，这样，如果单击它，该HTML将变为全屏。

换句话说，当您单击“全屏按钮”时，我想做与YouTube在HTML中嵌入的视频相同的操作。

我该怎么做？

谢谢！

Answer 1

afaik拥有真正全屏的最简单方法是通过Flash。因此，您可以做的是使“全屏按钮”成为Flash Player，将您的HTML内容拉出并全屏显示。

以下是Flash全屏模式的起点：http://www.adobe.com/devnet/flashplayer/articles/full_screen_mode.html

更新：还有一个用于浏览器的全屏API，例如mozilla中的一个，但是这取决于客户端的兼容性：https://developer.mozilla.org/en-US/docs/DOM/Using_fullscreen_mode?redirectlocale=en-US&redirectslug=DOM%2FUsing_full-screen_mode

PS：当然，闪存也需要客户端兼容性。.：）

Answer 2

我有一个类似的问题。但是上面的提示不是我想要的。我有一组由target =“＃iframe”链接的特定HTML文件，这些文件将在IFRAME中显示。

<?php foreach(getFilesHTML() as $file_html)
     echo "
     <li name='$file_html'>
          <a href='$dir_html$file_html.html' target='preview'>$file_html</a>
     </li>";
?>

...

<iframe name="preview" src="../images/blank.html"></iframe>

每个文件中都有一个图像，作为指向图像外部源的链接。我希望将thumb链接到其原始URL，并以完整尺寸，全屏或原始尺寸（小于屏幕）显示在灯箱中（或者甚至是响应较小的设备，而不是在IFRAME中显示）。我已经尝试过]

<a href='$dir_html$file_html.html' target='_blank'>$file_html</a>

但是它仅提供了本地图像查看器中的下载或打开功能。 （仅在Firefox中测试）。怎么解决呢？也许使用另一个IFRAME（具有响应功能，自适应图像尺寸？