在屏幕上播放和暫停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") 
    } 
};