CODEWITHSUNDEEP
javascriptjquery
King Kong
King Kong

Reputation: 2915

The embeded video hides dialogs

I embeded a youtube video in the website. Now my problem is when i open any dialog window or

jquery ui modal dialog , the video hides that dialog. I tried to increse the z-Index of the dilaog,

but it not works. Can anybody have the solution for this problem?My problems screen shot

Upvotes: 0

Views: 59

Answers (2)

Dipak
Dipak

Reputation: 12190

Use the option 'use old embed code' on youtube and then add this inside object - 

<param name="wmode" value="opaque"></param>

That will set the Flash z-index lower.

<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/G2zpWw_0Er4?version=3&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/G2zpWw_0Er4?version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Upvotes: 0

Flops
Flops

Reputation: 1420

You should set wmode=opaque in falsh object attributes.

For Youtube this will help

Upvotes: 1

Related Questions