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.

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:
  filter_none

  edit
  close

  play_arrow

  link
  brightness_4
  code

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

  chevron_right

  filter_none

• Firefox:
  filter_none

  edit
  close

  play_arrow

  link
  brightness_4
  code

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

  chevron_right

  filter_none

• Chrome, Safari and Opera:
  filter_none

  edit
  close

  play_arrow

  link
  brightness_4
  code

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

  chevron_right

  filter_none

• Edge:
  filter_none

  edit
  close

  play_arrow

  link
  brightness_4
  code

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

  chevron_right

  filter_none

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

Vijay Sirra

Check out this Author's contributed articles.