带Youtube视频的jQuery Cycle2-滑动或覆盖导航在iOS中不起作用

我有一个使用jQuery Cycle2插件的Youtube视频滑块。我的上一个/下一个箭头位于覆盖视频的位置。我使用jQuery Cycle2滑动插件在触摸屏设备上启用滑动事件

JSFIDLE示例：

我在iOS设备上遇到了两个问题

刷卡手势似乎不起作用

一旦视频开始播放，箭头就不再起作用

类似于箭头问题：

循环滑动功能是否与Youtube视频不兼容

任何见解都会有帮助

谢谢

HTML:

    <div class="feat-videos">
    <div class="slide">
        <iframe src="http://www.youtube.com/embed/zlPb8vsvcoM" frameborder="0" allowfullscreen=""></iframe>
    </div>

    <div class="slide">
        <iframe src="http://www.youtube.com/embed/o6QubbA4E7A" frameborder="0" allowfullscreen=""></iframe>
    </div>

    <div class="slide">
        <iframe src="http://www.youtube.com/embed/aP0V9mQTc3g" frameborder="0" allowfullscreen=""></iframe>
    </div>

    <div class="slide">
        <iframe src="http://www.youtube.com/embed/g6BmU49XG7w" frameborder="0" allowfullscreen=""></iframe>
    </div>

    <div class="cycle-prev">
        &lt;
    </div>

    <div class="cycle-next">
        &gt;
    </div>

    <div class="pager-wrapper">
        <div class="cycle-pager"></div>
    </div>
</div>

$(document).ready(function () {
// initialize cycle
$('.feat-videos').cycle({
        fx: 'scrollHorz',
        timeout: 0,
        autoHeight: 'container',
        pager: '> .pager-wrapper .cycle-pager',
        slides: '> .slide',
        swipe: true
    });
});