Възпроизвеждане и пауза html5 видео на екрана кликнете с ъглова js - javascript, angularjs, html5, html5-video

Аз играя 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();
}

Отговори:

Опитайте следното:

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