2016-12-06 4 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 That 's planker:[Slide Example](https://plnkr.co/edit/xanDbK?p=preview)、コンソールを開いて見てください。この例では、私は2つの方法でイベントを処理しますインデックスを印刷する – JoxieMedina

関連する問題