单击嵌入的YouTube视频时如何停止滑块

Question

我使用了一个滑块，我已设法在鼠标悬停时停止。幻灯片还有一个嵌入的YouTube视频，我试图在有人点击视频时停止并恢复滑块。

带有实例的Codepen：http://codepen.io/anon/pen/QjKOGY

视频播放时如何停止滑块？

使用ID和已启用的Js包含视频。然后我调用这段代码：

android:inputType="textMultiLine"

slidecript：

  var tag = document.createElement('script');
  tag.src = "http://www.youtube.com/player_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  var player;
  function onYouTubePlayerAPIReady() {
  player = new YT.Player('player', {
  height: '315',
  width: '560',
  videoId: 'Vhh_GeBPOhs',
  events: {
    'onReady': onPlayerReady,
    'onStateChange': onPlayerStateChange
  }
});
}
var VSliderHome = true;
var myPlayerState;
  function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING && !done) {
    VSliderHome = false;
    }
    myPlayerState = event.data;
  }
if (myPlayerState == 1){
VSliderHome = true;
}

HTML：

    var VSliderHome = true;
$("#SliderHome").hover(function() {
VSliderHome = false;
}, function() {
   VSliderHome = true;
});

function autoplaySlider(length) {
    if (VSliderHome) {
        if (visibleSlidePosition < length - 1) {
        nextSlide(slidesWrapper.find('.selected'), slidesWrapper, sliderNav, visibleSlidePosition + 1);
        visibleSlidePosition += 1;
    } else {
        prevSlide(slidesWrapper.find('.selected'), slidesWrapper, sliderNav, 0);
        visibleSlidePosition = 0;
    }
    updateNavigationMarker(navigationMarker, visibleSlidePosition + 1);
    updateSliderNavigation(sliderNav, visibleSlidePosition);
}
}