د یوټیوب سرایت شوی ویډیو به د نورو عناصرو شاته لاړ نشي

زه یو سایټ لرم چې پدې کې د یوټیوب ایمبیډ شوي ویډیو لري ، زما ستونزه دا ده چې دا ویډیوګانې د z - انډیکس قواعد نه مراعتوي. د یوټیوب ټولې ویډیوګانې په کې ښودل شوي د نورو ټولو عناصرو سربیره. ما هڅه وکړه

$('iframe','.video_container').attr('wmode','opaque');
$('iframe','.video_container').attr('z-index','1');

ما وموندله چې ویمومود باید په مبهم ډول بدل شي ، مګر ایا دا د پخوانیو سرایت لرونکي ویډیوګانو لپاره ندي ؟؟ زه دا دواړه پخوانیو سټایل شوي سټایل ویډیوګانو او نوي افرایمونو لپاره څنګه ترلاسه کولی شم؟

ترمیم: حتی دا په زړو ایمبیډ شوي ویډیوګانو کار نه کوي

$('object','.video_container').append('<param name="wmode" value="opaque"></param>').find("embed").attr('wmode', 'opaque');

دا د iframe ویډیوګانو کار کوي

var src=$('iframe','.video_container').attr('src');
 if(src.indexOf('?')==-1)
 {
  src=src+'?wmode=transparent';
 }
 else
 {
  src=src+'&wmode=transparent';
 }
 $('iframe','.video_container').attr('src',src);

مګر ما لاهم د زړو ایمبیډ ویډیوګانو لپاره لاره نده موندلې دا د js په کارولو سره د لاسوهنې وروسته پایله شوې کوډ ده چې کار نه کوي

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