ブラウザ画面をフルスクリーンで表示する
このページに埋め込まれているコード
<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キーを押して動作を確認してください