Youtube不会停止点击

Question

所以我有一个带有youtube视频的弹出窗口。当点击关闭时，视频需要停止，但继续播放。

Jquery的：

$(".single-property").on('click',".popup-bg",function(){
    $(".popup-bg").hide();
    $(".video-popup").hide();
    $('#youtubeplayer').each(function(){
    this.contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*')
    });
});

PHP：

/* Video popup */    
echo    '<div class="video-popup">
    <div class="map-title">';
        if($Property['address']['unit_number']!=NULL){
            echo $Property['address']['unit_number']."/";
        }
echo        $Property['address']['street_number'].' '.$Property['address']['street_name'].'</div>
    <div class="iframe-wrapper">
        <iframe id="youtubeplayer" src="//youtube.com/embed/'.$url.'" width="100%" height="100%" allowfullscreen></iframe>
    </div>
</div>';

也尝试了这个：

$('#youtubeplayer')[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*');  
})

因为这是过去使用多个YouTube视频的代码。