javascript - 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);