Facebookの新しいフルスクリーン写真ビューアはどのように機能しますか？

Question

私たちはyoutubeのようなウェブサイトをフルスクリーンで使っていましたが、Facebookはこれをイメージギャラリーに提供しています。 Facebookはフルスクリーンの画像ブラウジングを許可するために何をしていますか、それは通常のhmtlコーディングを使用しているようですか？

Answer 1

これは非標準のFullscreen APIです。理論的には

（私は上記のリンク先のページからリンクされている記事から）：それは、多かれ少なかれです

var elem = document.getElementById("myId"); 
if (elem.requestFullScreen) { 
    elem.requestFullScreen(); 
} else if (elem.mozRequestFullScreen) { 
    elem.mozRequestFullScreen(); 
} else if (elem.webkitRequestFullScreen) { 
    elem.webkitRequestFullScreen(); 
} 

Answer 2

..

ここではのオフ動作するように、実際の実施例です。.. すべてHTML5 .. DOCUMENTATION

デモのリンクがページ少し道をダウンしている... DEMO

Answer 3

JohndyerはネイティブのフルスクリーンAPIで動作するplugin for jQueryを共有しています。今はChrome/Firefox/SafariやInternet ExplorerやOperaでうまく動作します。

さらに、上記のapiを現在のバージョンのInternet Explorerで使用できるようにするために、some trickがあります。

Operaは現在サポートされていません。 APIを使用して

は簡単です：

<button onclick="fullScreenApi.requestFullScreen(document.documentElement)" /> 

Demo1 from Johndyer

Demo 2 that's limited working with Internet Explorer

https://github.com/sindresorhus/screenfull.js/はすべてで何（フルスクリーンを使用することができますブラウザ用） "crossbrowser" スクリプト