2016-12-06 2 views
0

У меня есть ионный слайдер с изображениями и видео, и я использую angular-youtube-embed для встраивания видео. Это слайдер:Ionic - Как остановить видеоплеер при изменении слайда

<ion-slides ng-if="slider.length > 0" class="slides"> 
     <ion-slide-page ng-repeat="item in slider"> 
     <img ng-if="item.image" ng-src="{{ fileServer }}/imagecache/cover/{{ item.image }}" class="cover"> 
     <div ng-if="item.video"> 
      <youtube-video video-url="item.video.original_url" player="youtubePlayer" player-vars="playerVars" class="video"></youtube-video> 
     </div> 
     </ion-slide-page> 
    </ion-slides> 

ответ

1

Вы можете назначить игроку переменной области действия, как это:

$scope.$on('youtube.player.ready', function($event, player) { 
    $scope.YTPlayer = player; 
}); 

и остановить видео, когда изменение слайд закончена:

$scope.$on("$ionicSlides.slideChangeEnd", function(event, data) { 
    $scope.YTPlayer.stopVideo(); 
}); 

Приветствую!!

+0

Я пробовал, но я получаю: ionic.bundle.js: 26794 Ошибка: [$ injector: unpr] Неизвестный поставщик: $ ionicSlidesProvider <- $ ionicSlides <- ArticleController, и я ввел в мой контроллер $ ionicSlides – Marco

+0

@Marco Это странно, посмотрите этот плункер: [Пример слайда] (https://plnkr.co/edit/xanDbK?p=preview), откройте консоль, чтобы увидеть, в этом примере я обрабатываю два способа: и распечатать индекс – JoxieMedina

Смежные вопросы