javascript - フルスクリーン機能 JavaScript メディアプレーヤー

Question

javascriptで作っている動画プレーヤーにフルスクリーン機能(ボタン付き)を組み込みたいです。これは私のコードです：

HTML:

<div id="buttonbar" style="display: none;")>
<button id="fullscreen" title="Full screen">[oO]</button>

これにより、フルスクリーン機能のボタンが作成されます。今私の.jsで私は次のコードを持っています:

var fullscreen = function() {
'use strict';
if (video.requestFullscreen) {
video.requestFullscreen();
} else if (video.webkitRequestFullscreen) {
video.webkitRequestFullscreen();

document.getElementById("fullscreen").addEventListener("click", function () {
video.requestFullscreen();
alert("goes to fullscreen");
}, false);

どういうわけか、ボタンをクリックしてもボタンが反応しませんが、その理由はわかりません。どうすればこれを修正できますか?