iFrame中的全屏模式

时间:2013-01-31 13:00:47

标签: html iframe fullscreen

我有一个带有iFrame的HTML,其中源是另一个HTML。我想要一个"全屏按钮"在嵌入式HTML上,如果我点击它,该HTML就会全屏显示。

换句话说,当我点击"全屏按钮"时,我想做的事情就是Youtube对嵌入HTML的视频做的事情。

我该怎么做?

谢谢!

1 个答案:

答案 0 :(得分:1)

afaik通过Flash获得真正全屏的最简单方法。所以你可以做的就是让“全屏按钮”成为一个flash播放器,可以提取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:当然flash也需要客户端兼容..:)