如何在 angularjs 中停止视频自动播放

Question

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

自动播放在没有 angularjs 的情况下停止。但我不知道如何使用 angular js 编码停止自动播放。

Answer 1

您可以使用angular.element('video').attr('autostart')

检查它是否具有自动启动属性

但我也有同样的问题。为什么需要这个？只需使用 html

中的属性

Answer 2

尝试使用指令：

  .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;
          }
      }
   }
 })

在html中：

<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>

希望这会奏效。

如何在 angularjs 中停止视频自动播放

how to stop video autoplay in angularjs

video

autoplay

angularjs