Melody Scott
asked on
Video Pop-up Change Needed
Hi, all, www.rockypointendoscopy.com/endoscopy-lower.html
On that page and others like it, I have a pop-up video. Client wants two changes:
1. Video pops up exactly in center of screen.
2. Rest of website fades out almost to black as video plays.
Does anyone know of a script out there that will do that for me? Or are there some changes that can be made to the script I have to allow those changes?
Thanks!
On that page and others like it, I have a pop-up video. Client wants two changes:
1. Video pops up exactly in center of screen.
2. Rest of website fades out almost to black as video plays.
Does anyone know of a script out there that will do that for me? Or are there some changes that can be made to the script I have to allow those changes?
Thanks!
ASKER
Thanks! Will try tomorrow- been going 15 hours straight.. weary. :)
ASKER
I will need some help with this... I have jquery, and I uploaded jquery.lightbox_me.js into scripts as well. This is what I have currently:
<a onclick="yt_show()"><img width="90" height="70" style="cursor: pointer" alt="" title="Lower Endoscopy" src="http://img.youtube.com/vi/qIHsxq-qjnI/1.jpg"></a>
<div id="video_container"></div >
Can I just wrap the whole thing in the lightbox? Can you help me with the code, please, I don't know much at all about jquery. Thanks.
<a onclick="yt_show()"><img width="90" height="70" style="cursor: pointer" alt="" title="Lower Endoscopy" src="http://img.youtube.com/vi/qIHsxq-qjnI/1.jpg"></a>
<div id="video_container"></div
Can I just wrap the whole thing in the lightbox? Can you help me with the code, please, I don't know much at all about jquery. Thanks.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Hi- I think I've done what you asked, but it isn't working correctly. Probably I misunderstood something. Thanks very much for your help and patience!
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Ok, I think I did it right, but still not working...sorry.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Ok- Cool!! So now.... can I make the background fade out a little bit more, and can I center the video?
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
That's fantastic, thanks! One last question...how do I get the CLOSE closer to the screen? It's way over on the right now. You've been amazing, thanks for your help!!
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Can I give higher than A? Fantastic, thanks!!
;o)
#video_container > iframe {}
add
left: 50%;
margin-left: -25%;
position: absolute;
and remove
float: right;
padding-right: 30px;
But since you are using jquery why not just use one of the lightbox plugins
http://buckwilson.me/lightboxme/
Will center it and fade out the screen