html视频 点击后全屏播放,javascript - 当我按下HTML5视频元素的默认全屏按钮时如何捕获全屏事件？ - 堆栈内存溢出...

使用HTML5 video标签和iconic时我遇到了问题。

这是我的模板的一部分：

这是我的控制器：

.controller('viewVideoCtrl', function ($scope, $state, $stateParams) {

var videoPath = URL + "uploadFiles" + $stateParams.videoPath;

var videoObject = document.getElementById("sr");

videoObject.src = videoPath;

var webkitBeginFullScreen = function () {

alert("video has fullScreen!");

};

var onVideoEndsFullScreen = function () {

alert("fullScreen has end!");

};

videoObject.addEventListener('webkitbeginfullscreen', webkitBeginFullScreen, false);

videoObject.addEventListener('webkitendfullscreen', onVideoEndsFullScreen, false);

});

如您所见，没有video标签的自定义控制按钮，并使用由铬本身创建的默认控制栏。

现在我想在按下fullscreen按钮时执行某些操作。 我找到了一个解决方案，将两个监听器： webkitbeginfullscreen和webkitendfullscreen到视频对象，但它没有被触发。