Javascript 使用angular js在屏幕上播放和暂停html5视频

我正在我的angular js应用程序中播放html5视频。我想视频能够暂停和播放时，视频屏幕被点击。我已经能够使用一个函数来暂停或播放它，我希望能够根据视频是暂停还是正在播放来完成这两个操作。我尝试过pausePlay（）函数，但它不起作用。我的代码如下所示：

HTML

<video style="width:100% !important; height:auto !important;" controls ng-click="video($event)" src="{{feeditem.feed[0].url | trustUrl}}"  type="video/mp4">

请尝试以下操作：

$scope.pauseOrPlay = function (ele) {
    var video = angular.element(ele.srcElement)[0];
    if (video.paused) {
        video.play();
    } else {
        video.pause();
    }
};

还可以显示/隐藏控件：

$scope.pauseOrPlay = function (ele) {
    var video = angular.element(ele.srcElement)[0];
    if (video.paused) {
        video.play();
        video.controls="controls";
        video.setAttribute("controls","controls")
    } else {
        video.pause();
        video.removeAttribute("controls")
    }
};

---

控制台中有错误吗？没有错误，视频当前在触摸屏时暂停。我想要的是在触摸屏上暂停并播放。应该启动视频的代码在哪里？视频播放器中的“播放”按钮启动视频，我希望屏幕单击以启动并暂停视频。我一定缺少什么，我在事件处理程序中只看到暂停视频的代码？

$scope.pauseOrPlay = function (ele) {
    var video = angular.element(ele.srcElement)[0];
    if (video.paused) {
        video.play();
        video.controls="controls";
        video.setAttribute("controls","controls")
    } else {
        video.pause();
        video.removeAttribute("controls")
    }
};