This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm that you accept these cookies being set.

FULLSCREEN BUTTON
#2
Hi,

I use this custom JS to set the visu to fullscreen on first user input (if it is not already full screen mode):
Code:
$(function(){    // Fullscreen function  function fullScreen() {    if (!document.fullscreenElement &&        !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) {      if (document.documentElement.requestFullscreen) {        document.documentElement.requestFullscreen();      } else if (document.documentElement.msRequestFullscreen) {        document.documentElement.msRequestFullscreen();      } else if (document.documentElement.mozRequestFullScreen) {        document.documentElement.mozRequestFullScreen();      } else if (document.documentElement.webkitRequestFullscreen) {        document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);      }    }  }  (function() {    var StartUserInput = function (e) {      fullScreen();      // Check if document is loaded in iframe      if (window.frameElement){        // Remove event listeners from parent        var thisparent = window.parent;        thisparent.document.removeEventListener('touchstart', StartUserInput);        thisparent.document.removeEventListener('touchend', StartUserInput);                 thisparent.document.removeEventListener('click', StartUserInput);      }      // Remove events      document.removeEventListener('touchstart', StartUserInput);      document.removeEventListener('touchend', StartUserInput);      document.removeEventListener('click', StartUserInput);    };    // Check if document is loaded in iframe    if (window.frameElement){      // Add event listeners to parent      var thisparent = window.parent;      // Event listener for iOS 6-8 (was previous touchstart event)      thisparent.document.addEventListener('touchstart', StartUserInput);      // Event listener for iOS 9+ (is now touchend event)      thisparent.document.addEventListener('touchend', StartUserInput);      thisparent.document.addEventListener('click', StartUserInput);    }    // Event listener for iOS 6-8 (was previous touchstart event)    document.addEventListener('touchstart', StartUserInput);    // Event listener for iOS 9+ (is now touchend event)    document.addEventListener('touchend', StartUserInput);    document.addEventListener('click', StartUserInput);  })(); });
BR,

Erwin
Reply


Messages In This Thread
FULLSCREEN BUTTON - by gdimaria - 16.01.2019, 18:05
RE: FULLSCREEN BUTTON - by Erwin van der Zwart - 17.01.2019, 11:22
RE: FULLSCREEN BUTTON - by gdimaria - 17.01.2019, 13:13
RE: FULLSCREEN BUTTON - by alexll - 26.11.2021, 14:53
RE: FULLSCREEN BUTTON - by gdimaria - 21.01.2019, 12:21
RE: FULLSCREEN BUTTON - by Daniel - 26.11.2021, 15:03
RE: FULLSCREEN BUTTON - by alexll - 26.11.2021, 15:15
RE: FULLSCREEN BUTTON - by Daniel - 26.11.2021, 15:31
RE: FULLSCREEN BUTTON - by alexll - 26.11.2021, 17:32
RE: FULLSCREEN BUTTON - by admin - 29.11.2021, 08:13
RE: FULLSCREEN BUTTON - by alexll - 29.11.2021, 10:51

Forum Jump: