javascript - 无法从 iframe 切换到全屏模式

标签 javascript backbone.js fullscreen

我有一个带有按钮的主干 View ,单击该按钮应该使 View 转到全屏。我正在使用 screenfull.js ,我看不出示例和我的代码有什么不同。但是 console.log(screenfull.enabled); 总是在 clickHandler 中返回 false

var FullScreenButton = Backbone.Marionette.ItemView.extend({

  tagName: 'button',

  initialize: function () {
    this.$el.click(_.bind(this.goFullScreen, this));
  },

  goFullScreen: function () {
    console.log(screenfull.enabled);
    screenfull.request(this.options.container);
  }
});

同样没有 screenfull.js 它不会进入全屏:

goFullScreen: function() {

  var element = document.documentElement;

  if (element.requestFullScreen) {
    element.requestFullScreen();
  } else if (element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if (element.webkitRequestFullScreen) {
    element.webkitRequestFullScreen();
  }

}

最佳答案

问题是该应用程序在 iframe 中运行。将 allowFullScreen="true" 属性添加到 iframe 可修复此错误。

关于javascript - 无法从 iframe 切换到全屏模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18491330/

相关文章:

javascript - AJAX 状态代码 < 400 是否成功?

javascript - 使用 fabric.js 在 Canvas 中加载 JSON

backbone.js - Backbone.marionnette - 重新绑定(bind)事件与创建新 View

java - WebView 中视频的全屏按钮不起作用

android - 如何在 Android 中设置 Alert Dialog 的高度和宽度?

javascript - 自动播放有声视频

javascript - mongodb JavaScript : return document with only matched sub-document

javascript - 未捕获的类型错误 : Cannot call method 'replace' of undefined backbone. js

node.js - 使用 Node 处理嵌套主干目录的 PushState 重定向

css - 全屏造型 body 元素?