javascript - 全画面モードで Web ページを自動的に開く方法

Question

全画面表示モードで Web ページを自動的に開くにはどうすればよいですか?

ユーザーが F11 またはその他のブラウザー固有のキーを押すことを期待せずに、Web ページを自動的にフルスクリーン モードで開くソリューションを探しています。

私はたくさん検索しましたが、解決策を見つけることができませんでした。

これを実現するために利用できるスクリプト、ライブラリ、またはブラウザ固有の API はありますか?

Answer 1

Chrome フルスクリーン API経由のChrome の場合

(Chrome) セキュリティ上の理由から、自動的に呼び出すことも実行することもできないことに注意してください。最初にユーザーからの操作が必要です。(ボタンクリック、キーダウン/キープレスなど)

addEventListener("click", function() {
    var
          el = document.documentElement
        , rfs =
               el.requestFullScreen
            || el.webkitRequestFullScreen
            || el.mozRequestFullScreen
    ;
    rfs.call(el);
});

David WalshによるデモとしてのJavascript Fullscreen APIは、クロスブラウザソリューションのようです

// Find the right method, call on correct element
function launchFullScreen(element) {
  if(element.requestFullScreen) {
    element.requestFullScreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullScreen) {
    element.webkitRequestFullScreen();
  }
}

// Launch fullscreen for browsers that support it!
launchFullScreen(document.documentElement); // the whole page
launchFullScreen(document.getElementById("videoElement")); // any individual element

Answer 2

window.onload = function() {
    var el = document.documentElement,
        rfs = el.requestFullScreen
        || el.webkitRequestFullScreen
        || el.mozRequestFullScreen;
    rfs.call(el);
};