javascript - Video.js は再生時に全画面表示になります

Question

私は長い間探し回っていますが、まだ問題の有効な解決策を見つけていません。ビデオプレーヤーを全画面表示にすることができないようです。API には多くの例がありますが、どれも機能していないようです。

私が現在取り組んでいるページに含まれている jQuery のバージョンは 1.8.2 です。また、私は parallax-1.1.js とそれが適切に動作するために必要なライブラリを使用しているため、これも問題になる可能性があります。

私が働いているクライアントは、「再生」ボタンがクリックされたときにプレーヤーが直接フルスクリーンに移動できるように、サイトにレスポンシブ デザインを持たせたいと考えています。この機能は、デスクトップとモバイル/タブレット ブラウザーの両方で利用できるはずです。動画ページには 3 つの動画プレーヤーがあり、それぞれに一意の ID があり、共通の CSS クラスもあります。

私が試したコードの一部はうまく機能しませんでした。ビデオ HTML タグの 1 つを制御する JS コード スニペットの例を次に示します。

例：

player1 = _V_('video-1');

player1.on("play",
    function () {
        this.requestFullScreen();
});

player1.on("ended",
    function () {
        this.cancelFullScreen();
});

コードは次のエラーを生成します。

Uncaught TypeError: Object [object Object] has no method 'requestFullScreen'

Google Chrome の最新バージョンを使用しています。