Youtube stop video

Youtube stop video while deactivate jquery ui tabs

HTML

<div id="tabs">
    <ul>
        <li><a href="#tabs-1" class="haract_line">1 видео</a></li>
        <li><a href="#tabs-2" class="haract_line">2 видео</a></li>
        <li><a href="#tabs-3" class="haract_line">3 видео</a></li>
    </ul>
    <div id="tabs-1" class="animated fadeInRight">
       <iframe width="570" height="351" src="//www.youtube.com/embed/Lkb1kGCsIJ0?enablejsapi=1" frameborder="0" allowfullscreen="true" allowscriptaccess="always"></iframe>
    </div>
    <div id="tabs-2" class="animated fadeInRight video1">
       <iframe width="570" height="351" src="//www.youtube.com/embed/9bZkp7q19f0?enablejsapi=1" frameborder="0" allowfullscreen="true" allowscriptaccess="always"></iframe>
    </div>
    <div id="tabs-3" class="animated fadeInRight video1">
       <iframe width="570" height="351" src="//www.youtube.com/embed/XS6ysDFTbLU?enablejsapi=1" frameborder="0" allowfullscreen="true" allowscriptaccess="always"></iframe>
    </div>
</div>

JavaScript

$(function() {
    $('#tabs').tabs({
        activate: function(event, ui) {
            $('iframe', ui.oldPanel)
            .get(0)
            .contentWindow
            .postMessage('{"event":"command","func":"stopVideo","args":""}', '*');
        }
    });
});