離子 - 如何停止幻燈片更換視頻播放器

我有一個圖像和視頻離子滑塊，我用angular-youtube-embed嵌入視頻。這是滑塊：離子 - 如何停止幻燈片更換視頻播放器

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

來源

2016-12-06 Marco

您可以將玩家分配到這樣一個範圍變量：

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

，並停止當滑動變化完成視頻：

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

問候！！

來源

2016-12-06 15:35:10 JoxieMedina

我試過了，但是我得到：ionic.bundle.js：26794錯誤：[$ injector：unpr]未知的提供者：$ ionicSlidesProvider < - $ ionicSlides < - ArticleController，我注入了我的控制器$ ionicSlides – Marco

@Marco這很奇怪，看看這個plunker：[幻燈片示例]（https://plnkr.co/edit/xanDbK?p=preview），打開控制檯看到，在這個例子中我以兩種方式處理事件並打印索引 – JoxieMedina

離子 - 如何停止幻燈片更換視頻播放器

回答

相關問題