HTML | DOM fullscreenerror Event

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.
Supported Tags 

• It supports all HTML elements. 

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:
  

javascript

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

• Firefox:
  

javascript

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

• Chrome, Safari and Opera:
  

javascript

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

• Edge:
  

javascript

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

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

javascript

document.addEventListener("fullscreenerror", function() {
  alert("Error in Fullscreen")
});

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

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