AngularJS ng-click和视频播放暂停

Question

我有一个视频标签。

<video id="video1" poster="{{video.poster}}" ng-click="video.playIt()" controls>
    <source src="source.mp4" type="video/mp4">
</video>

我希望能够点击我的视频海报或控件来启动视频。 然后，您可以通过视频控件暂停和播放视频，也可以点击视频元素内的任意位置。

这是我的app.js ...

$scope.video.playIt = function() {
  if (jQuery("#video1").get(0).paused) {jQuery("#video1").get(0).play();}
  else {jQuery("#video1").get(0).pause();}
}

目前，我可以通过点击海报来启动视频，然后通过点击视频元素暂停/播放视频。但是控件不起作用。

我认为可能与ng-click存在冲突。我添加了一个，但我认为视频可能已经附加了一个，这就是为什么会发生冲突。

任何帮助都将不胜感激。

由于