put browser window in full screen when entering a full screen camera

diff --git a/motioneye/static/js/main.js b/motioneye/static/js/main.js
index 9848f131824af053ec9ac9632e962c3f083b1240..b5dcfa1c8b5b695b38316b88d13978c3fc7b8121 100644 (file)
--- a/motioneye/static/js/main.js
+++ b/motioneye/static/js/main.js
@@ -4204,6 +4204,22 @@ function doFullScreenCamera(cameraId) {
     $('div.footer').addClass('full-screen');
     
     updateLayout();
+
+    /* try to make browser window full screen */
+    var element = document.documentElement;
+    var requestFullScreen = (
+            element.requestFullscreen ||
+            element.requestFullScreen ||
+            element.webkitRequestFullscreen ||
+            element.webkitRequestFullScreen ||
+            element.mozRequestFullscreen ||
+            element.mozRequestFullScreen ||
+            element.msRequestFullscreen ||
+            element.msRequestFullScreen);
+    
+    if (requestFullScreen) {
+        requestFullScreen.call(element);
+    }
 }
 
 function doExitFullScreenCamera() {
@@ -4235,6 +4251,21 @@ function doExitFullScreenCamera() {
     fullScreenCameraId = null;
     
     updateLayout();
+
+    /* exit browser window full screen */
+    var exitFullScreen = (
+            document.exitFullscreen ||
+            document.cancelFullScreen ||
+            document.webkitExitFullscreen ||
+            document.webkitCancelFullScreen ||
+            document.mozExitFullscreen ||
+            document.mozCancelFullScreen ||
+            document.msExitFullscreen ||
+            document.msCancelFullScreen);
+    
+    if (exitFullScreen) {
+        exitFullScreen.call(document);
+    }
 }
 
 function isFullScreen() {