单击嵌入对象时如何停止滑块

Question

我的网页上有一个用于加载YouTube视频的JavaScript滑块。我正在使用wordpress，所以我给用户提供了加载他们想要的任何视频嵌入代码的选项。问题是我想弄清楚当有人点击要播放的视频时如何阻止滑块继续在幻灯片中旋转。

要使滑块上的按钮在幻灯片之间移动，单击时，将执行以下代码并且它可以正常工作。基本上我需要做的是当点击视频容器时我想调用函数stopCycle。我该怎么做？

// function to stop the auto-cycle rotation of banners
function stopCycle() {
    clearInterval(cycleTimer);
    console.log('cycle has been stopped');
}

    // select some triggers elements to stop the auto-cycle
var $stopTriggers = $('#sliderButtons').find('a') // buttons
    .add('#sliderBanners')  // panels itself
    .add('.sliderArrow'); // prev/next arrow


//bind stop cycle function the click event
$stopTriggers.bind('click.cycle', stopCycle);