如何将文档属性(如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
。不完全确定这是什么用例,所以让我知道这是否没有帮助。
答
我最终搞清楚了。我只需要手动调用这个。
document.webkitExitFullscreen();
这很有帮助,但该解决方案对我无效。我正在使用document.webkitFullscreenElement来检测是否点击了全屏视频按钮。如果document.webkitFullscreenElement不能被重置为null,我无法知道用户是否多次点击全屏按钮,因为在第一次点击该按钮时,该按钮被设置为某个对象,那么它永远不会被设置回到空,因为我实际上并没有用该按钮全屏播放视频(我是,但通过使用Android VideoView而不是HTML5/JavaScript,因此它不会重置:/)。 – BrettG
啊,好吧,我现在明白了。我从来没有试过这样做,但也许这篇文章将有助于http://www.intheloftstudios.com/blog/detecting-html5-video-fullscreen-and-events –