Help us understand the problem. What is going on with this article?

ChromeでFullScreen API試してみたけどけっこう限られるね

More than 1 year has passed since last update.

タイトルの通り。

デモ用のアプリのモックをHTMLで作る必要があって、画面いっぱいに表示したいからFullScreen API使えばいいんじゃね?と思ったけど、意外と制限多かったのでメモ。

1. 画面遷移が発生すると解除される。

FullScreen APIで全画面表示にした後に、表示しているコンテンツ上でリンク押下等で画面遷移が起こると、全画面表示が解除される。
仕様書やドラフトの資料で確認したわけではないけれど、今の所再現率100%。
おそらく、フィッシング詐欺等の対策。

2. onloadやsetTimeout等で自動実行してもリジェクトされる。

こちらも状態は再現するけど、仕様として合ってるかは不明。
例えば、以下のような感じ。

// 全画面表示の実行
function enterFullscreen () {
  var x = document.body;
  if (x.webkitRequestFullScreen) {
    x.webkitRequestFullScreen();
  } else {
    x.requestFullScreen();
  }
}

// 1. onload版
window. unload = function () {
    enterFullscreen();
};

// 2. setTimeout版
setTimeout(function(){
    enterFullscreen();
}, 1000);

これは、1も2も動かない。
これもフィッシング詐欺防止の仕様だろうとおもうけど、未確認。

ではどうするか

今の所、ボタン押下等のユーザの主体的なアクションをもとにrequestFullScreenを実行するしかないみたい。
あと、画面遷移したりぐりぐり全画面上で動かすなら、WebGLかな?
iframeで楽しようかともおもったけど、mozillaの資料見る限り面倒そう。。。

https://developer.mozilla.org/ja/docs/Web/Guide/DOM/Using_full_screen_mode

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした