November 14th, 2012, 10:54 AM
IPad/iPhone Video Jumps on Fade Out
I've created a standards-based video player for a client of mine, that fades in and out atop the site's homepage slideshow, once initiated - you click a button on one slide to launch the video player, and click the "stop" button on the video player to close the player and return to the slideshow.
The "stop" button does barely more than fade out the container for the video player via jQuery.fadeOut(), but for some reason, on iOS, the video jumps to the top-left corner of the screen when it gets to about 20% opacity.
The video itself has potition:relative, and I do not see this issue whilst fading in.
What do you think?
Any help at all would be greatly appreciated - thanks!