AnythingSlider icon indicating copy to clipboard operation
AnythingSlider copied to clipboard

Video Slider Looks Weird in Safari

Open denygwt opened this issue 13 years ago • 3 comments

Please check the screenshot here https://dl-web.dropbox.com/get/anythingslider.jpg?w=09ad0cc3 The videos looks in line, but not with other browsers. all fine.

Please for help!

denygwt avatar Nov 14 '12 18:11 denygwt

Hi @denygwt!

I can't see the screenshot you shared (403 error).

Which video service is it?

Mottie avatar Nov 14 '12 23:11 Mottie

Hi Mottie,

Many thanks for the respond. Oh,, sorry about that, here the sreenshot anyone can see.http://denysaputra.me/anythingslider.jpg

I used YouTube. Now I got more confused, that I tried other slider plugin, I added 4 videos. Looks fine in Firefox, Google Chrome and IE8,9 But not with Safari. Is there's any error with my Safari browser though I just download and install it few days ago.

Thank you, ;-) Deny

denygwt avatar Nov 16 '12 14:11 denygwt

I haven't looked at this in a while, but on the video page demo I listed these issues with Safari:

Safari 4+

  • HTML5 video shows up as a black box when it should be hidden by overflow (at least in Windows).
  • In Safari for Windows, including an HTML5 along with other videos appears to offset every video down and right (about 100px) for an unknown reason. For now, this issue can be solved by keeping HTML5 videos separate from other videos.

I don't own a mac, so I don't know if this behavior is the same there.

Are you using all YouTube now? The YouTube iframes actually do use HTML5 video, if supported, so I think the overflow/positioning issue might be the cause.

The only other thing I can think of is to try setting the slider to "fade" mode to see if that fixes your problems. And note that I don't think it will cross-fade as you think it would because of the iframes.

Mottie avatar Nov 16 '12 14:11 Mottie