2

Fullscreen APIを使用して、ブラウザーの全画面表示を切り替えています。動作しますが、2 つの問題があります。

  1. 全画面表示のときに、リンクをクリックして別のページ (ドメイン内) に移動すると、ページが全画面表示のままになります。フルスクリーンモードで続行したい。
  2. Chrome では、背景が画面の高さいっぱいに表示されません。

F11 キーでフルスクリーンを使用すると、これらの問題は発生しません。

それらの問題の解決策はありますか？他の API または回避策はありますか?

私のJavaScriptコード:

// toggle fullscren
function toggleFullScreen(element) {
    if (!document.fullscreenElement &&    // alternative standard method
        !document.mozFullScreenElement && !document.webkitFullscreenElement) {  // current working methods
        launchFullScreen(element);
    } else {
        cancelFullscreen();
    }
}

// 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();
    }
}

// Whack fullscreen
function cancelFullscreen() {
    if (document.cancelFullScreen) {
        document.cancelFullScreen();
    } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    } else if (document.webkitCancelFullScreen) {
        document.webkitCancelFullScreen();
    }
}

フルスクリーンを切り替えるための私のボタン：

<a onclick="toggleFullScreen(document.documentElement);">
    <img src="~/Content/icons/fullscreen-launch-icon.svg" />
</a>
4

1 に答える 1

1

以下のあなたの #1 の質問に関しては、Mozilla の Web サイトが言っていることです:

さらに、フルスクリーン モードで別のページに移動したり、タブを変更したり、別のアプリケーションに切り替えたり (たとえば、Alt-Tab を使用) すると、フルスクリーン モードも終了します。

ここにリンクがあります： フルスクリーンモードの使用

于 2013-08-17T17:46:39.003 に答える