如何在angularjs中停止视频自动播放 您的浏览器不支持HTML5视频。

自动播放在没有angularjs的情况下停止。

---

但是我不知道如何使用angular js编码停止自动播放。

您可以使用

angular.element（'video'）.attr（'autostart'）检查它是否具有autostart属性。

但我有同样的问题。为什么需要这个？只需在html中使用属性即可尝试使用指令：

<video  class="img-responsive" controls="controls" autostart="false">
<source  ng-src="{{data[0].media.split(',')[0]}}" > 
Your browser does not support HTML5 video.
</video>

在html中：

  .directive("pause", function() {
     return {
      restrict: 'EA',
      scope: {
          auto: '@'
      }
      link: function(scope, ele, attrs) {
          var ele = angular.element(ele)[0];
          if(scope.auto) {
              ele.autoplay = true;
          }
          else {
              ele.autoplay = false;
          }
      }
   }
 })

您的浏览器不支持HTML5视频。

---

希望这能奏效。

如果您想这样做，请编写一个指令。不需要。这很好。但为什么要用angular？我需要angular的动态内容。你有什么解决办法吗。

动态

内容意味着什么？如果您希望动态加载视频，

ngsrc

将执行此操作。动态加载和自动播放之间的关系是什么？当我的网站加载时，默认情况下自动值为true。因此我更改了您的编码。指令（“暂停”，function（）{return{restrict:'EA'，scope:{auto:'@}，link:function（scope，ele，attrs）{var ele=angular.element（ele）[0]；if（scope.auto）{ele.autoplay=false；}else{ele.autoplay=true；}}}；}）

<video  class="img-responsive" controls="controls" pause auto="false">
   <source  ng-src="{{data[0].media.split(',')[0]}}" > 
    Your browser does not support HTML5 video.
</video>