我想要一个使用 HTML5 全屏 API 触发全屏模式的按钮。我按照网络上的一些示例获取了下面的代码,但由于特定于 webkit 的前缀,它仅适用于 Safari/Chrome。我想使用 moz 前缀(以及标准的 HTML5 前缀)也可以在 Firefox 中使用它,但我不确定该怎么做。有什么建议吗?
HTML:
<div id="viewer">
<a href="#" class="fullscreen">Exit/enter fullscreen mode</a>
</div>
JS:
$('.fullscreen').on('click', function(){
var elem = document.getElementById('viewer');
if (document.webkitFullscreenElement) {
document.webkitCancelFullScreen();
} else {
elem.webkitRequestFullScreen();
};
});
最佳答案
你可以尝试这样的事情:
var cancelFullScreen = document.cancelFullScreen
|| document.webkitCancelFullScreen
|| document.mozCancelFullScreen
|| document.msCancelFullScreen;
var requestFullScreen = document.requestFullScreen
|| document.webkitRequestFullScreen
|| document.mozRequestFullScreen
|| document.msRequestFullScreen;
$('.fullscreen').on('click', function(){
var elem = document.getElementById('viewer');
var fullscreenElement = document.fullscreenElement
|| document.webkitFullscreenElement
|| document.mozFullscreenElement
|| document.msFullscreenElement;
if (fullscreenElement) {
cancelFullScreen.call(document);
} else {
requestFullScreen.call(document);
};
});
关于javascript - 我怎样才能让这个 HTML5 全屏功能也能在 Firefox 中运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20326489/