如何将HTML5视频自动播放与AngularJS ng show结合使用？

我想在AngularJS Web应用程序中使用HTML5视频标记和自动播放来显示视频。我尝试了以下代码：

<video ng-show="condition" autoplay ng-src="{{video.src}}"></video>

加载web应用程序时，不应显示和启动视频，这意味着条件为false。条件更改为true后，视频应开始播放。

---

使用上面的代码，当web应用程序被加载并隐藏时，视频被加载，这很好，但视频会立即启动。一旦条件变为true，将显示视频，但由于视频已经开始，因此不会从一开始就开始。有没有一种方法可以在视频显示后暂停视频或重置视频？

我刚刚找到了一种解决方法，其中包含以下代码片段：

var startvideo = function(){
    angular.element('#video')[0].play();
};

var stopvideo = function(){
    angular.element('#video')[0].pause();
    angular.element('#video')[0].currentTime = 0;
};

与

第一个函数启动视频并在条件变为true时调用。如果条件设置为false并暂停视频并将其设置为start，则调用第二个函数。

---

但不确定这是否是最好的解决方案。

我刚刚找到了一个解决方案，其中包含以下代码片段：

var startvideo = function(){
    angular.element('#video')[0].play();
};

var stopvideo = function(){
    angular.element('#video')[0].pause();
    angular.element('#video')[0].currentTime = 0;
};

与

第一个函数启动视频并在条件变为true时调用。如果条件设置为false并暂停视频并将其设置为start，则调用第二个函数。

---

但不确定这是否是最好的解决方案。

如果不创建节点，请使用ng。ng show使用display:none创建dom元素。如果不创建节点，则使用ng。ng show使用display:none创建dom元素。这是jQuery，不是AngularJS。这是jQuery，不是AngularJS。