【发布时间】:2019-12-12 19:58:21
【问题描述】:
我有一个带有 iFrame 的 HTML,其中源是另一个 HTML。我想在嵌入的 HTML 中包含一个“全屏按钮”,这样如果我点击它,该 HTML 就会变成全屏。
换句话说,当你点击“全屏按钮”时,我想和 Youtube 对嵌入 HTML 的视频做同样的事情。
我该怎么做?
谢谢!
【问题讨论】:
标签: html iframe fullscreen
我有一个带有 iFrame 的 HTML,其中源是另一个 HTML。我想在嵌入的 HTML 中包含一个“全屏按钮”,这样如果我点击它,该 HTML 就会变成全屏。
换句话说,当你点击“全屏按钮”时,我想和 Youtube 对嵌入 HTML 的视频做同样的事情。
我该怎么做?
谢谢!
【问题讨论】:
标签: html iframe fullscreen
afaik 实现真正全屏的最简单方法是通过 Flash。所以你可以做的就是让这个“全屏按钮”成为一个 Flash 播放器,它可以拉出你的 HTML 内容并全屏显示。
以下是 Flash 全屏模式的起点: http://www.adobe.com/devnet/flashplayer/articles/full_screen_mode.html
更新:还有一个用于浏览器的全屏 API——就像 mozilla 中的这个 API——但这取决于客户端的兼容性: https://developer.mozilla.org/en-US/docs/DOM/Using_fullscreen_mode?redirectlocale=en-US&redirectslug=DOM%2FUsing_full-screen_mode
PS:当然flash也需要客户端兼容性..:)
【讨论】: