在屏幕上播放和暂停html5视频点击角js

Question

我在角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.video = function(e) { 
var videoElements = angular.element(e.srcElement); 
videoElements[0].pause(); 
} 

Answer 1

尝试以下方法：

$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") 
    } 
};