javascript - HTML5ビデオをフルスクリーンにする

Question

私は、カスタム HTML5 ビデオ プレーヤーを持っています。HTML ページには、ビデオ タグと、コントロールを配置した別の DIV タグがあります。コントロール DIV には、再生ボタン、一時停止ボタン、フルスクリーン ボタンなどがあります。今、フルスクリーン ボタンをクリックしてビデオをフルスクリーンにしようとしています。requestFullscreen() を使用するコードを作成しました。このコードはエラーをスローしていませんが、どちらも機能していません。誰かが私が間違っているところを教えてもらえますか??

var controls = {
video: $("#player"),  //this is the video element
fullscreen: $("#fullscreen")  //This is the fullscreen button.
};

controls.fullscreen.click(function(){
var elem = controls.fullscreen;
if (elem.requestFullscreen) {
    controls.video.requestFullscreen();
} else if (elem.mozRequestFullScreen) {
    controls.video.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
    controls.video.webkitRequestFullscreen();
}
});