Javascript Wordpress注入youtube视频，在模式打开时播放，在模式关闭时暂停

我有youtube视频被wordpress动态注入到多个模态中

<div class="modal-overlay features-modal" id="modal-<?php echo $do; ?>">
    <div class="modal-bg">
        <div class="modal-close"></div>
        <div class="modal">
            <div class="videoWrapper">
                <iframe class="youtube-video" src="<?php the_sub_field('youtube_video') ?>?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen allowscriptaccess="always"></iframe>
            </div>
        </div>
    </div>
</div>

    function modalFadeOut() {
        $('.open-modal').fadeOut("fast").removeClass("open-modal");
        $('html').css('overflow','');
    };

    // features scroll video modal 
    $(".video-button").click(function() {
        var Modal = $(this).data("modal-type");
        $("#"+Modal).fadeIn("fast").addClass("open-modal");

    });

    $('.modal-bg').click(function() {
        modalFadeOut();
        var vid = $(this).find('iframe[src*="youtube"]');
        if ( vid.length > 0 ) {
           var src = vid.attr('src');
           vid.attr('src', '');
           vid.attr('src', src);
        }
    });