How to display jQuery dialog at the top of YouTube Video / SlideShare PPT?

Question

We use the jQuery modal dialog box to get confirmation from users before deleting an item. The modal dialog works fine as long as there are no YouTube videos on the screen.

If there is a YouTube video, a dialog box appears below the video. I tried changing the z-index of the dialog to 3999 but not using it. (I don't know much about CSS)

               $('#dialog').dialog({
                     autoOpen: false,
                     modal: true,
                     width: 300,
                     zindex:3999,
                     buttons: {
                                'Ok': performDelete_dialog, 
                                'Cancel': function(){$(this).dialog('close');}
                              }
                  });

Can anyone suggest what we should do to place the jquery dialog on top of YouTube videos?

Answer 1

see this u can get a solution

Answer 2

zindex zindex; jQuery camelCase. , , , z-, , , Flash- .

z- Flash , FireBug ( FireFox), , CSS -.

Answer 3

Flash - . http://www.ubercart.org/forum/support/2261/youtube_overlapping_thickbox

-. "wmode" YouTube "" "".

Answer 4

jquery dialog

$('#element').dialog({zIndex: 3999});