如何在angularjs中停止視頻自動播放

<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。但我不知道如何使用角度js編碼來停止自動播放。如何在angularjs中停止視頻自動播放

來源

2016-12-29 Sandhiya

如果你想這樣做，寫一個指令。沒必要。這可以。但爲什麼要求角度？ –

我需要角度動態內容。你有任何解決方案來解決它。 – Sandhiya

「動態」內容意味着什麼？如果你想動態地加載視頻，'ng-src'會做到這一點。動態加載和自動播放之間的關係是什麼？ –

嘗試使用指令屬性：

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

希望這會工作。

來源

2016-12-29 11:51:06

謝謝...我會嘗試.. – Sandhiya

當我的網站正在加載，默認情況下，自動值是真實的。 – Sandhiya

所以我改變你的編碼 – Sandhiya

您可以檢查它是否具有自啓動屬性使用angular.element('video').attr('autostart')

，但我有同樣的問題。爲什麼需要這個？只是使用HTML

來源

2016-12-29 11:49:06

html屬性不能使用角 – Sandhiya

如何在angularjs中停止視頻自動播放

回答

相關問題