我有一个带有按钮的主干视图,单击该按钮应该使视图转到全屏。我在用着screenfull.js https://github.com/sindresorhus/screenfull.js/,我看不出与示例和我的代码有任何不同。但console.log(screenfull.enabled);
总是回来false
在 clickHandler 中。
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 的属性修复了该错误。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)