Question

我有一个包含图片和视频的离子滑块，我正在使用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>

Answer 1

您可以将播放器分配到范围变量，如下所示：

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

并在幻灯片更改完成后停止播放视频：

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

问候!!

离子 - 如何在幻灯片更改时停止视频播放器

1 个答案: