如何将文档属性(如document.webkitFullscreenElement)设置为null?

问题描述:

当在Android WebView中单击html5视频标签的全屏按钮时,document.webkitFullscreenElement被设置为我单击的视频(根据打印输出)。有没有办法我可以手动将其设置为null?如何将文档属性(如document.webkitFullscreenElement)设置为null?

我打全屏的视频

console.log(document.webkitFullscreenElement); //null 

之前我打全屏的视频后

console.log(document.webkitFullscreenElement); //[object HTMLVideoElement] 

设置为null

document.webkitFullscreenElement = null; 

集后为空

console.log(document.webkitFullscreenElement); //[object HTMLVideoElement] 

这不是一个可编辑的属性,但你可以创建自己的功能检测变量:

var hasFullscreenEl = !!document.webkitFullscreenElement;

那你以后可以将其设置为null。不完全确定这是什么用例,所以让我知道这是否没有帮助。

+0

这很有帮助,但该解决方案对我无效。我正在使用document.webkitFullscreenElement来检测是否点击了全屏视频按钮。如果document.webkitFullscreenElement不能被重置为null,我无法知道用户是否多次点击全屏按钮,因为在第一次点击该按钮时,该按钮被设置为某个对象,那么它永远不会被设置回到空,因为我实际上并没有用该按钮全屏播放视频(我是,但通过使用Android VideoView而不是HTML5/JavaScript,因此它不会重置:/)。 – BrettG

+0

啊,好吧,我现在明白了。我从来没有试过这样做,但也许这篇文章将有助于http://www.intheloftstudios.com/blog/detecting-html5-video-fullscreen-and-events –

我最终搞清楚了。我只需要手动调用这个。

document.webkitExitFullscreen();