Jquery Cycle plugin rotating youtube videos not displaying correctly in SAFARI

Hello all. I have a Jquery Cycle plugin rotating youtube videos and it’s not displaying correctly in SAFARI desktop. I have tested on IE, FF, Chrome & mobile Safari with no issues.

It seems as if the overflow:hidden/auto property isn’t working. Check out the link in SAFARI: http://www.tweedstudios.com/!/broadcast3.php

Thanks in advance!

This is a Javascript question. As such, I’ll request a move there.

I’ve been trying for the past hour to get the jquery modified (I’m not a jquery expert) to behave, but it’s not doing so.

Ok thanks very much, I am unsure whether it’s a JavaScript issue or a CSS issue. And again, it seems to be isolated to Safari only. Mobile Safari looks fine.

Thread moved to Js forum.

However it seems to be working in Safari for me so you may need to clarify the problem a little.

Hmmm, you dont see any issue? On 2 different computers Safari shows the videos scrolling outside the black “rotator area”. When the second video scrolls in, the first video just gets pushed to the left and is visible outside the container… Screenshot coming

See attached to see error in Safari

If you don’t see the issue, you must have a different version. 5.1.5 is mine.

I see it as well, don’t worry.

This is the page that I’m seeing and it doesn’t look like the same page as the one you are showing above?

Safari5 5.1. Mac and PC

Paul O’B, yes was a different page. I had a couple of test pages setup…

Add this to the end of the URL’s for the iframe’s: &wmode=opaque

Found the fix over at http://stackoverflow.com/questions/10471447/jquery-cycle-plugin-rotating-youtube-videos-not-displaying-correctly-in-safari.

I thought so :slight_smile:

Add this to the end of the URL’s for the iframe’s: &wmode=opaque

Found the fix over at http://stackoverflow.com/questions/10471447/jquery-cycle-plugin-rotating-youtube-videos-not-displaying-correctly-in-safari.

Glad you found the answer but could have told you earlier if I was looking at the right page :slight_smile:

Interesting. I tried that fix but it didn’t work :confused:.