JSFiddleでFullscreen APIを使用できますか？

次のJSFiddle、http： //jsfiddle.net/brantolsen/ejUWt/があります。Fullscreen APIを使用して本文がクリックされるたびに、フルスクリーンから非フルスクリーンに変更するという単純なタスクを実行します。これは、すべてのコンテンツがローカルWebページにコピーされたときに正しく動作し、ここにあるドキュメントに従って正しいです。ただし、JSFiddleでは何も起こりません。

JSFiddleのサンプルコードを全画面表示にすることは可能ですか？

結果を全画面で表示するのではなく、javascriptの全画面コマンドを機能させることを意味していることに注意してください。

このように結果を全画面で表示します-

http://jsfiddle.net/brantolsen/ejUWt/embedded/result/

上部の共有ボタンをクリックするだけです-

更新： 「共有」ボタンは表示されなくなりました。embedded/result/FiddleのURLの末尾に手動で追加することで、引き続きフルスクリーン表示を取得できます

http://fiddle.jshell.net/your-fiddle-id/show/light/たとえば、このフィドルURLを使用します。これにより、フレームなしで開きます。

Chromeをいじってから要素を調べて理由を見つけました。結果コードは、全画面コマンドを許可しないiframe内に配置されます。

firebugとChromeのデバッグツールを使用して、iframeにmozallowfullscreenand webkitallowfullscreenをhttps://developer.mozilla.org/en/HTML/Element/iframeに追加することで、この問題を一時的に回避できました。

ただし、JSFiddle iframeでは、この時点でコードをラップすることをカスタマイズできるようには見えません。

あなたのスレッドの他の回答者はiframe（クロスドメイン）の問題を見て、質問を無視したと思います。

別の素晴らしいJSFiddleユーザーであるJennifer Perrinは、彼女の投稿「jQueryで現在のページのURLとタイトルを取得する」であなたの質問の半分以上に答えました。

あとは、返されたURLにロジックを適用http://jsfiddle.net/[userid]/[postid]/embedded/result/して、アンカー内の機能リンクに変更し、hrefを変更してフルスクリーンに切り替えるだけです。