質問

HTML5 の「HTML5」を使って動画をフルスクリーンで再生する方法はありますか？ <video> タグを使用することができます。

また、これが不可能な場合、この決定の理由があるかどうか、誰か知っていますか？

解決方法は？

2020年の答え

HTML 5 では動画をフルスクリーンにする方法はありませんが、平行して行われる フルスクリーンAPI は、要素が自身をフルスクリーンで表示するための API を定義しています。 .

動画を含むあらゆる要素に適用可能です。

ブラウザ対応 は良いのですが、Internet ExplorerとSafariはプレフィックス付きのバージョンが必要です。

An 外部デモ は、Stack Snippetのサンドボックス・ルールで壊れているため、提供されています。

<div id="one">
    One
</div>

<div id="two">
    Two
</div>

<button>one</button>
<button>two</button>

div {
    width: 200px;
    height: 200px;
}
#one { background: yellow; }
#two { background: pink; }

addEventListener("click", event => {
    const btn = event.target;
    if (btn.tagName.toLowerCase() !== "button") return;
    const id = btn.textContent;
    const div = document.getElementById(id);
    if (div.requestFullscreen) 
        div.requestFullscreen();
    else if (div.webkitRequestFullscreen) 
        div.webkitRequestFullscreen();
    else if (div.msRequestFullScreen) 
      div.msRequestFullScreen();
});

2012年の回答

HTML 5では動画をフルスクリーンにする方法はありませんが、平行して行われる フルスクリーン仕様 は requestFullScreen メソッドを使用することで、任意の要素 ( <video> 要素をフルスクリーン化することができます。

それは 多くのブラウザで実験的にサポートされています .

2009年の回答

注：その後、仕様から削除されました。

から HTML5仕様 (執筆時：'09年6月)。

ユーザーエージェントは 動画を表示させるための公開API をフルスクリーンで表示します。スクリプトと を使用することで ユーザーを騙して システムモダルのダイアログが表示されました。 パスワードの入力を求める また、quot;mere".の危険性もあります。 ページが起動し、迷惑をかける リンクが張られると、フルスクリーンの動画が表示されます。 をクリックしたり、ページを移動したりすることができます。その代わり ユーザーエージェントに特化したインターフェース機能 を提供し、簡単に を取得し、フルスクリーン再生が可能です。 モードがあります。

ブラウザはユーザーインターフェースを提供してもよいが、プログラム可能なものを提供すべきではない。