javascript - 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();
        }
    });