mozCancelFullScreen() 在 Mozilla Firefox 中不起作用答案

【问题标题】：mozCancelFullScreen() not working in Mozilla FirefoxmozCancelFullScreen() 在 Mozilla Firefox 中不起作用
【发布时间】：2012-11-09 01:32:30
【问题描述】：

我创建了一个按钮来运行mozCancelFullScreen() 方法以退出全屏模式。我不确定它为什么不运行。没有显示错误。 mozRequestFullScreen() 适合我。

$('.screenChange').click(function() { 
    if (video.mozFullscreen) { 
        video.mozCancelFullScreen(); 
    } else if (!video.mozFullscreen) { 
       video.mozRequestFullScreen(); 
    }
});

【问题讨论】：

能贴出调用mozRequestFullScreen()的代码吗？
$('.screenChange').click(function() { if (video.mozFullscreen){ video.mozCancelFullScreen(); }else if (!video.mozFullscreen){ video.mozRequestFullScreen() ; } });

标签： firefox html5-video

【解决方案1】：

问题似乎在于您的条件。 “mozFullscreen”不是视频元素的属性。相反，当一个元素全屏时，

document.mozFullScreen

是真的。

还有一个问题是 mozCancelFullScreen() 不是视频元素的方法。它是文档本身的一种方法。鉴于这两个更正，您的代码应该是

$('.screenChange').click(function() { 
    if (document.mozFullScreen) { 
        document.mozCancelFullScreen(); 
    } else { 
        video.mozRequestFullScreen(); 
    }
});

【讨论】：

嗨 Peter Maag，我已经尝试了您建议的方法，但仍然无法正常工作。或者有什么方法可以退出视频全屏模式？
我在我的机器上运行了一个演示，一切正常。您确定“视频”是实际的 DOM 元素（不是 jQuery 对象）吗？您是否注意到代码中对“video”的前两个引用已更改为“document”？
谢谢 Peter Maag 我知道了。但是一旦我调用 mozCancelFullScreen()，我将无法再次调用 mozRequestFullScreen()。
您好，我也遇到了与此相同的问题，您的代码有效，但仅在单击 DOM 元素时才明确。我试图在视频结束时触发 mozCancelFullScreen 方法，但它根本不起作用。为什么这会在点击而不是视频结束事件时起作用？谢谢