jQuery - YouTube video play/stop on modal open/hide

gistfile1.js

$('.close').click(function(){
    $('#video').modal('hide');
})
$('#open-video').click(function(){
    $('#video').modal({'show':true}).on('hidden', function () {
        toggleVideo('hide');
    });
    toggleVideo();
})

function toggleVideo(state) {
    // if state == 'hide', hide. Else: show video
    var div = document.getElementById("video-frame");
    var iframe = div.getElementsByTagName("iframe")[0].contentWindow;
    div.style.display = state == 'hide' ? 'none' : '';
    func = state == 'hide' ? 'pauseVideo' : 'playVideo';
    iframe.postMessage('{"event":"command","func":"' + func + '","args":""}','*');
}