ブラウザ画面をフルスクリーンで表示する

このページに埋め込まれているコード

<video controls id="video">
   <source src=""></source>
</video>

<script>
function isFullScreen() {
  return (document.fullScreen == true || document.mozFullScreen === true || document.webkitIsFullScreen === true);
}

function requestFullScreen(element) {
  if (element.requestFullScreen) {
    element.requestFullScreen();
  } else if (element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if (element.webkitRequestFullScreen) {
    element.webkitRequestFullScreen();
  }
}

function cancelFullScreen() {
  if (document.cancelFullScreen) {
    document.cancelFullScreen();
  } else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
  } else if (document.webkitCancelFullScreen) {
    document.webkitCancelFullScreen();
  }
}

document.addEventListener('keydown', function(event) {
  if (event.keyCode === 13) {
    if (isFullScreen()) {
        cancelFullScreen();
    } else {
      requestFullScreen(document.getElementById('video'));
    }
  }
}, false);
</script>
    

Enterキーを押して動作を確認してください