我想要一个按钮，它将使用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);
};
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句