如何在HTML5视频元素中绑定全屏事件

Question

我目前正在 angularJS 控制器中使用以下绑定。我有多次绑定事件的问题。有没有办法将事件绑定到特定元素？

我们说我有2个这样的视频：

<video id="video1"></video>
<video id="video2"></video>

JS

这可行

$(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange', function (e){
    //Do stuff like unmute video
});

这不起作用。我认为这应该有效。

$(document.getElementsByTagName("video")[0]).on('webkitfullscreenchange mozfullscreenchange fullscreenchange', function (e){
    //Do stuff like unmute video
});