【问题标题】:Full screen mode in iFrameiFrame 中的全屏模式
【发布时间】:2019-12-12 19:58:21
【问题描述】:

我有一个带有 iFrame 的 HTML,其中源是另一个 HTML。我想在嵌入的 HTML 中包含一个“全屏按钮”,这样如果我点击它,该 HTML 就会变成全屏。

换句话说,当你点击“全屏按钮”时,我想和 Youtube 对嵌入 HTML 的视频做同样的事情。

我该怎么做?

谢谢!

【问题讨论】:

    标签: html iframe fullscreen


    【解决方案1】:

    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也需要客户端兼容性..:)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-11-25
      • 1970-01-01
      • 2011-09-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多