The HTML DOM fullscreenerror event occurs when an element can not be viewed in fullscreen mode, even if it has been requested.
Use the element.requestFullscreen() method to view an element in fullscreen mode and the element.exitFullscreen() method to cancel fullscreen mode.

Syntax:

• In HTML:

  <element onfullscreenerror="myScript">

• In JavaScript:

  object.onfullscreenerror = function(){myScript};

• In JavaScript, using the addEventListener() method:

  object.addEventListener("fullscreenerror", myScript);

Using prefixes for cross-browser code:

• Standard syntax:
  
  

  
  
  

  document.addEventListener("fullscreenerror", function() {   ... });

• Firefox:
  
  

  
  
  

  document.addEventListener("mozfullscreenerror", function() {   ... });

• Chrome, Safari and Opera:
  
  

  
  
  

  document.addEventListener("webkitfullscreenerror", function() {   ... });

• Edge:
  
  

  
  
  

  document.addEventListener("msfullscreenerror", function() {   ... });

Example: Display an alert message if an element can not be viewed in fullscreen mode:

Supported Browsers: The browsers supported by HTML DOM fullscreenerror Event are listed below:

• Google Chrome
• Internet Explorer
• Firefox
• Apple Safari
• Opera