HTML5检测进入全屏

Question

在视频进入全屏模式时，我似乎无法弄清楚如何将元素置于全屏模式。我试着查看各种可用的材料，但答案仍然没有找到我。 这就是我到目前为止所做的：

 document.getElementById("videoid").addEventListener("mozfullscreenchange", function () {
 document.getElementById("imageid").mozRequestFullScreen(); 
 }, false);

代码适用于Firefox，但我认为其他浏览器会有类似行为，只需将前缀从“moz”切换为“webkit”。

感谢您的帮助。

Answer 1

正如评论中所说，一次不能有两个全屏元素。这段代码应该有效：

document.getElementById("videoid").addEventListener("mozfullscreenchange", function () {
 if(document.mozfullScreen){
  document.mozCancelFullScreen();
  document.getElementById("imageid").mozRequestFullScreen();
 }
}, false);