asked on overlay on top of video while loading
Hi
I have a client who has video on his site (quicktime)...
He want to have an overlay with a spinny loading icon to display for a couple of seconds before it starts... I have done this with an absolute positioned div and an animated gif... then used jquery to make it dissapear after 2 seconds....
This kind of works in firefox, but in ie and chrome the overlay sits nicely just behind the video.... not quite right...
I have tried messing with z-index, but nothing will appear above the video....
Any ideas where I can go from here?
Cheers
CD
I have a client who has video on his site (quicktime)...
He want to have an overlay with a spinny loading icon to display for a couple of seconds before it starts... I have done this with an absolute positioned div and an animated gif... then used jquery to make it dissapear after 2 seconds....
This kind of works in firefox, but in ie and chrome the overlay sits nicely just behind the video.... not quite right...
I have tried messing with z-index, but nothing will appear above the video....
Any ideas where I can go from here?
Cheers
CD
JavaScriptHTMLAJAX
Last Comment
cycledude
ASKER
Hi
That's pretty much what I am doing now...
here is my code
.loading { display: block; position: absolute; width: 510px; height: 275px; background:url(../images/a
That's pretty much what I am doing now...
here is my code
.loading { display: block; position: absolute; width: 510px; height: 275px; background:url(../images/a
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
Thanks for the input, I gave up in the end....
http://stackoverflow.com/questions/5123489/how-to-overlay-a-play-button-over-a-youtube-thumbnail-image