iFrame中的全屏模式

Question

我有一个带有iFrame的超文本标记语言，它的源是另一个超文本标记语言。我想在嵌入的HTML上包含一个“全屏按钮”，这样如果我点击它，HTML就会变成全屏。

换句话说，当你点击“全屏”按钮时，我想做与Youtube对嵌入在HTML中的视频所做的事情相同的事情。

我该怎么做呢？

谢谢!

Answer 1

afaik拥有真正的全屏的最简单的方法是通过Flash。所以你可以做的就是让“全屏按钮”成为一个flash播放器，它可以拉出你的HTML内容并全屏显示出来。

这里是flash全屏模式的起点：http://www.adobe.com/devnet/flashplayer/articles/full_screen_mode.html

更新: mozilla - but上也有一个针对浏览器的全屏API，这取决于客户端的兼容性：https://developer.mozilla.org/en-US/docs/DOM/Using_fullscreen_mode?redirectlocale=en-US&redirectslug=DOM%2FUsing_full-screen_mode。

PS:当然闪存也需要客户端的兼容性..：)