Joomla Templates Club 406,261 posts

[waelali Friend waelaliJoin date: February 2012Posts: 336Downloads:11Uploads:87 Thanks: 88 Thanked: 10 times in 1 posts]

#174877

Please see attached image :HI

I had this problem and solved it with help here … but it comes again back when I tried to change the video.

I know that the problem is because Flash do not know CSS layers, so we succeeded to do that bu installing JCE Media Manager and uploading the file using it , and it worked fine, however when I changed the video after upgrading to latest version of the template and using K2 – teh problem came back.

The code I am using is

<p><iframe src=”http://www.youtube.com/embed/Z28IB316yIg?rel=0″ allowfullscreen=”true” frameborder=”0″ width=”320″ height=”264″>
<param name=”wmode” value=”transparent” /></iframe></p>

Note that I am using the wmode , however it does not work fine.

Maybe I am not inserting param name=”wmode” value=”transparent” /> in right way.

I used also this code
<p><iframe src=”http://www.youtube.com/embed/Z28IB316yIg?rel=0″ allowfullscreen=”true” frameborder=”0″ width=”320″ height=”264″ name=”wmode” value=”transparent”></iframe></p>

Also did not work.

If I use the simple custom module code
<p><object data=”http://www.youtube.com/v/zeQZtXldF-s?fs=1&hl=en_US&autoplay=0&showinfo=0&rel=0″ type=”application/x-shockwave-flash” width=”310″ height=”199″><param name=”movie” value=”http://www.youtube.com/v/zeQZtXldF-s?fs=1&hl=en_US&autoplay=0&showinfo=0&rel=0″ /><param name=”wmode” value=”transparent” /></object></p>

The video does not show at all.

Hope to get help here.

Thank you

---

Attachments:

1. 

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#443043

Hi!
Most of the time it is a z-index problem that can be fixed with css. Can you please provide a link where this is issue can be seen?

Thanks in advance!

Frank

[waelali Friend waelaliJoin date: February 2012Posts: 336Downloads:11Uploads:87 Thanks: 88 Thanked: 10 times in 1 posts]

#443044

<em>@pixelzombie 306727 wrote:</em><blockquote>Hi!
Most of the time it is a z-index problem that can be fixed with css. Can you please provide a link where this is issue can be seen?

Thanks in advance!

Frank</blockquote>

Site: http://www.xn--mgbfwa6f4b.com/

In the previous post I have attached image which describes the problem.

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#443053

I know 😉
I just can’t find a site with a video. Please paste a direct link to the issue.

Thanks

Frank

[waelali Friend waelaliJoin date: February 2012Posts: 336Downloads:11Uploads:87 Thanks: 88 Thanked: 10 times in 1 posts]

#443055

<em>@pixelzombie 306739 wrote:</em><blockquote>I know 😉
I just can’t find a site with a video. Please paste a direct link to the issue.

Thanks

Frank</blockquote>

I do not understand you

But you can see the problem in my site http://www.xn--mgbfwa6f4b.com/

There is video in the left top side. Under it there is few small thumbnails. Click on Obama image and you will see the problem.

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#443061

Got it, I was just surfing subpages.

add this to your object (red):

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

And then add to your css file:


.video-object {
z-index: -1;
}


2 users say Thank You to pixelzombie for this useful post

1. TomC
2. waelali

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#443063

Also have a look at this page:

http://maxmorgandesign.com/fix_youtube_iframe_overlay_and_z_index_issues/

If you google the web about this issue, You’ll find numerous solutions. It’s trial and error mate.

Cheers

Frank

[waelali Friend waelaliJoin date: February 2012Posts: 336Downloads:11Uploads:87 Thanks: 88 Thanked: 10 times in 1 posts]

#443175

<em>@pixelzombie 306747 wrote:</em><blockquote>Got it, I was just surfing subpages.

add this to your object (red):

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

And then add to your css file:


.video-object {
z-index: -1;
}

</blockquote>

Somehow I did not need the z-index issue , and it works fine now.
Solved.

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#443379

Glad it worked out for you! What exaclty did you change in order to make it work? It’s allways useful to share the solution for the others 😉

Cheers

Frank

1 user says Thank You to pixelzombie for this useful post

1. waelali

[waelali Friend waelaliJoin date: February 2012Posts: 336Downloads:11Uploads:87 Thanks: 88 Thanked: 10 times in 1 posts]

#443424

<em>@pixelzombie 307128 wrote:</em><blockquote>Glad it worked out for you! What exaclty did you change in order to make it work? It’s allways useful to share the solution for the others 😉

Cheers

Frank</blockquote>

Just posted in Hot Video Module , the code you delivered to me , and changed you tube URL. That is all 🙂

[Author]

Posts