angularjs - 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有冲突。我添加了一个，但我认为视频可能已经附加了一个，这就是为什么存在冲突。

任何帮助，将不胜感激。

谢谢