html双击视频全屏显示,javascript – 当我按下HTML5视频元素的默认全屏按钮时,如何捕获全屏事件？...

使用

HTML5视频标签和标志性时我遇到了问题.

这是我的模板的一部分：

这是我的控制器：

.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);

});

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

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