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