SitePoint Sponsor

User Tag List

Results 1 to 11 of 11
  1. #1
    SitePoint Member
    Join Date
    Dec 2011
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    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!

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,596
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    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.
    Always looking for web design/development work. Willing to do it cheap to build portfolio!

  3. #3
    SitePoint Member
    Join Date
    Dec 2011
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,355
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    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.

  5. #5
    SitePoint Member
    Join Date
    Dec 2011
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  6. #6
    SitePoint Member
    Join Date
    Dec 2011
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    See attached to see error in Safari

    Tweed_screenshot.jpg

  7. #7
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,596
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    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.
    If you don't see the issue, you must have a different version. 5.1.5 is mine.

    Quote Originally Posted by icommstudios View Post
    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
    I see it as well, don't worry.
    Always looking for web design/development work. Willing to do it cheap to build portfolio!

  8. #8
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,355
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by icommstudios View Post
    See attached to see error in Safari

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

    safari.png

    Safari5 5.1. Mac and PC

  9. #9
    SitePoint Member
    Join Date
    Dec 2011
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    &wmode=opaque is the answer!!

    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/1...ctly-in-safari.

  10. #10
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,355
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by icommstudios View Post
    Paul O'B, yes was a different page. I had a couple of test pages setup...
    I thought so

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

    Found the fix over at http://stackoverflow.com/questions/1...ctly-in-safari.
    Glad you found the answer but could have told you earlier if I was looking at the right page

  11. #11
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,596
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Interesting. I tried that fix but it didn't work .
    Always looking for web design/development work. Willing to do it cheap to build portfolio!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •