Youtube视频幻灯片停止点击视频

Question

我有一个youtube视频幻灯片，使用模板填充：

    <script id="tFlowplayer" type="text/html">
        <div class="rv" id="{{name}}">
            <iframe class="{{id_v}}" width="575" height="323" src="{{id_v}}" frameborder="0" allowfullscreen></iframe>
        </div>
    </script>

当我点击下一个或上一个时，我需要停止当前youtube嵌入式视频播放：

            <nav class="arrows">
                <button data-goto="prev" class="arrow arrow-left" rel="prev">Prev</button>
                <button data-goto="next" class="arrow arrow-right" rel="next">Next</button>
            </nav>

以下是导航的点击事件，我想这是行动发生的地方：

    $('[data-goto]').on('click', function (evt) {
        var $this = $(this),
            where = $this.attr('data-goto'),
            video_id = $('[data-play]').attr('data-id');
        if (where === 'prev') {
            swiper.prev();
        } else {
            swiper.next();
        }
    });