4

Web サイトで html5 ビデオ プレーヤーを使用しています。ユーザーが再生を開始すると、プレーヤーはフルスクリーン モードになり、ビデオを再生します。

ビデオが終了したら、イベントをキャッチし、 をended介してビデオ プレーヤーを閉じmyvideo.webkitExitFullScreen();ます。

ここで、ユーザーがトップバーの「完了」ボタンをタップした場合、またはプレーヤーがvideo.webkitExitFullScreen();.

これを行う方法はありますか？

4

2 に答える 2

8

更新された回答

webkitendfullscreenおよびwebkitenterfullscreenイベントを使用できます。

var vid = document.getElementById("some-vid");

vid.addEventListener('webkitendfullscreen', function (e) { 
  // handle end full screen 
});

vid.addEventListener('webkitenterfullscreen', function (e) { 
  // handle enter full screen 
});

前の回答

同様の質問がここで尋ねられました:フルスクリーン モードで HTML5 ビデオを見ているときにキーボード イベントをキャプチャするにはどうすればよいですか? - これら 2 つの質問をリンクする方法がわかりません。

このコードを簡単に記述できるように、jQuery を使用していると仮定します。ビデオのモードがフルスクリーンから非フルスクリーンにいつ変更されたかを知る必要があるだけです...そのため、サイズ変更でvideo.webkitDisplayingFullscreen;プロパティを確認できます。

var isVideoFullscreen = video.webkitDisplayingFullscreen;

$(window).bind("resize", function (e) {
    // check to see if your browser has exited fullscreen
    if (isVideoFullscreen != video.webkitDisplayingFullscreen) { // video fullscreen mode has changed
       isVideoFullscreen =  video.webkitDisplayingFullscreen;

       if (isVideoFullscreen) {
            // you have just ENTERED full screen video
       } else {
            // you have just EXITED full screen video
       }
    }
});

これが助けになるか、正しい方向に向けられることを願っています

于 2012-06-22T22:22:23.710 に答える