Question

我正在使用Videogular来显示视频。当用户点击播放按钮到新视频时，你能帮我看看如何停止/暂停其他视频。因此，用户一次只能播放一个视频。

系统应自动停止在后台播放的其他视频并播放新视频

由于

Answer 1

虽然来自elecash的答案是一个很好的答案，但有很多猜测和存储。我选择只在$ rootScope上存储活动的api，并在新玩家启动时暂停其他玩家。

<videogular vg-player-ready="playerReady($API)" vg-update-state="stateChange($state)">
</videogular>

controller('VideoPlayerCtrl', ['$rootScope','$scope', function($rootScope,$scope) {
  $scope.playerReady = function(api) {
    $scope.api = api;
  };

  $scope.stateChange = function(state) {
    if(state=='play') {
      if($rootScope.playingVideo && $rootScope.playingVideo != $scope.api) $rootScope.playingVideo.pause();
      $rootScope.playingVideo = $scope.api;
    }
  };
}]);

停止正在播放的其他视频播放新视频

1 个答案: