Twitter bootstrap 引导转盘中的youtube视频iframe-播放视频时阻止转盘滑动

我有一个从youtube播放视频的引导转盘。当用户播放视频时，我希望旋转木马停止滑动。当视频停止时，才应开始自动滑动

以下是我的旋转木马的代码：

<div class="container">
          <div id="myCarousel" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
              <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
              <li data-target="#myCarousel" data-slide-to="1"></li>
              <li data-target="#myCarousel" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner">
              <div class="item active">
                <iframe width="100%" height="500" src="https://www.youtube.com/embed/video1_ID" frameborder="0" allowfullscreen></iframe>
              </div>

              <div class="item">
                <iframe width="100%" height="500" src="https://www.youtube.com/embed/video2_ID" frameborder="0" allowfullscreen></iframe>
              </div>

              <div class="item">
                <iframe width="100%" height="500" src="https://www.youtube.com/embed/video3_ID" frameborder="0" allowfullscreen></iframe>
              </div>
            </div>

            <!-- Left and right controls -->
            <a class="left carousel-control" href="#myCarousel" data-slide="prev">
              <span class="glyphicon glyphicon-chevron-left"></span>
              <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#myCarousel" data-slide="next">
              <span class="glyphicon glyphicon-chevron-right"></span>
              <span class="sr-only">Next</span>
            </a>
          </div>
        </div>

以下是我尝试使用的代码，但它不起作用，此外我还有3个视频：

<script type="text/javascript" src="http://www.youtube.com/iframe_api"></script>
        <script>

         //YOUTUBE API EMBED
         var player;
         function onYouTubeIframeAPIReady() {
         player = new YT.Player('player', { playerVars: {
         autoplay: 1,
         loop: 1,
         controls: 1,
         showinfo: 0,
         autohide: 1,
         modestbranding: 1,
         html5:1,
         rel: 0},
         videoId: 'lO87r34w6PA',
         events: {
         'onStateChange': onPlayerStateChange
         }
         });
         }

         //FIND OUT STATE OF YOUTUBE VIDEO, HAS IT FINISHED?
         //IF IT'S FINISHED, START CAROUSEL CYCLE
         var myPlayerState;
         function onPlayerStateChange(event) {
         if (event.data == YT.PlayerState.ENDED) {
         $('#myCarousel').carousel('cycle');
         }
         myPlayerState = event.data;
         }

         //IF DIRECTIONAL ARROWS ARE CLICKED, PAUSED VIDEO
         $( ".carousel-control",".carousel-indicators" ).click(function() {
         player.stopVideo();
         $('#myCarousel').carousel('cycle');
         });
        </script>

//YOUTUBE API嵌入
var播放器；
函数onyoutubeiframeapiredy（）{
player=新的YT.player（'player'，{playerBars:{
自动播放：1，
循环：1，
控制：1，
showinfo:0，
自动隐藏：1，
第一,，
html5:1，
rel:0}，
videoId:'lO87r34w6PA'，
活动：{
“onStateChange”：onPlayerStateChange
}
});
}
//了解YOUTUBE视频的状态，完成了吗？
//如果完成，则启动转盘循环
myPlayerState变种；
函数onPlayerStateChange（事件）{
如果（event.data==YT.PlayerState.end）{
$（'myCarousel'）。carousel（'cycle'）；
}
myPlayerState=event.data；
}
//如果单击方向箭头，则暂停视频
$（“.carousel控件”，“.carousel指示器”）。单击（函数（）{
player.stopVideo（）；
$（'myCarousel'）。carousel（'cycle'）；
});

我已经检查了StackOverflow的解决方案 这个链接是关于面具的，所以我不知道这对我有什么帮助

任何形式的帮助都将不胜感激。谢谢