Skip to content

Instantly share code, notes, and snippets.

@MAKIO135

MAKIO135/fullscreen.js

Created March 27, 2019 16:58
Download ZIP

Revisions

  1. MAKIO135 created this gist Mar 27, 2019.
    37 changes: 37 additions & 0 deletions fullscreen.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,37 @@
    // https://stackoverflow.com/a/23971798
    window.addEventListener('click', () => {
    toggleFullScreen()
    })

    function isFullScreen() {
    return (document.fullScreenElement && document.fullScreenElement !== null)
    || document.mozFullScreen
    || document.webkitIsFullScreen
    }

    function requestFullScreen(element) {
    if (element.requestFullscreen)
    element.requestFullscreen()
    else if (element.msRequestFullscreen)
    element.msRequestFullscreen()
    else if (element.mozRequestFullScreen)
    element.mozRequestFullScreen()
    else if (element.webkitRequestFullscreen)
    element.webkitRequestFullscreen()
    }

    function exitFullScreen() {
    if (document.exitFullscreen)
    document.exitFullscreen()
    else if (document.msExitFullscreen)
    document.msExitFullscreen()
    else if (document.mozCancelFullScreen)
    document.mozCancelFullScreen()
    else if (document.webkitExitFullscreen)
    document.webkitExitFullscreen()
    }

    function toggleFullScreen(element) {
    if (isFullScreen()) exitFullScreen()
    else requestFullScreen(element || document.documentElement)
    }