I am using jQuery UI Dialog to show a video. The video is working fine.

What I want to do is minimize the Dialog-element just like in an OS or something like that. A small icon like ( - ) that would minimize my dialog and when I press (*) it would close the dialog but keep the video running in the background.

Here's my code

//Watch Video



$(.watchVideo).live('click',function(){

    if($('div.ui-dialog').length){

        $('div.ui-dialog').remove();

    }



    var path  = $(this).attr('rel');

    var title = $(this).attr('title');



    var $dialog = $('<div>', {

        title: translator['Watch Video']

    }).dialog({

        autoOpen: false,

        modal: true,

        width: 600,

        height: 500

    });



    var tab = '<table  style=margin: 10px 10%;><tr><td><object id=MediaPlayer1 width=500 height=400 classid=CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 standby=Loading Microsoft® Windows® Media Player components... type=application/x-oleobject align=middle><param name='+title+' value='+path+'> <param name=ShowStatusBar value=True>  <param name=DefaultFrame value=mainFrame> <param name=autostart value=false>  <embed type=application/x-mplayer2  pluginspage = http://www.microsoft.com/Windows/MediaPlayer/  src='+path+'   autostart=false  align=middle width=500    height=300   defaultframe=rightFrame  showstatusbar=true> </embed></object></td></tr></table>';



    $('<div id=updateContent>').html(tab).appendTo($dialog);

    $dialog.dialog('open');

    return false;



});

where var tab is equal to

<object id=MediaPlayer1 width=500 height=400

classid=CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95

codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701

standby=Loading Microsoft® Windows® Media Player components...

type=application/x-oleobject align=middle>

    <param name=FileName value=YourFilesName.mpeg>

    <param name=ShowStatusBar value=True>

    <param name=DefaultFrame value=mainFrame>

    <param name=autostart value=false>

    <embed type=application/x-mplayer2

     pluginspage = http://www.microsoft.com/Windows/MediaPlayer/

     src=YourFilesName.mpeg

     autostart=false

     align=middle

     width=500

    height=300

    defaultframe=rightFrame

    showstatusbar=true>

 </embed>