Got a tip for us?
Let us know
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.
Layering over a video
- Thread starter joelm1988
- Start date
- Sort by reaction score
Try it and find out 
I've never seen it done or known anyone that has tried. Use CSS to position something absolutely so it's over the video. Then, set its z-index to 1 or higher. Let us know if you try it. I'm a little curious.
CSS
I've never seen it done or known anyone that has tried. Use CSS to position something absolutely so it's over the video. Then, set its z-index to 1 or higher. Let us know if you try it. I'm a little curious.CSS
Code:
#topthing {
position: absolute;
top: 100px; /* adjust as needed */
left: 100px; /* adjust as needed */
z-index: 2;
}
I've not tried what follows, but thought I'd suggest a solution via the YouTube API so you could work with multiple videos if desired or at least easily reference the video layer and its size properties dynamically.
I checked the docs for their JavaScript API which uses SWFObject and allows direct manipulation of the embedded video via the replaceElemIdStr function. This allows you to define the HTML DIV id that contains the embedded video which you can reference and control the display. Their API has convenient event triggers you can use so the overlay can be displayed when/how you want it to, optionally.
Full details with example API code here, just get a developer key from the site to use the API.
-jim
I checked the docs for their JavaScript API which uses SWFObject and allows direct manipulation of the embedded video via the replaceElemIdStr function. This allows you to define the HTML DIV id that contains the embedded video which you can reference and control the display. Their API has convenient event triggers you can use so the overlay can be displayed when/how you want it to, optionally.
Full details with example API code here, just get a developer key from the site to use the API.
-jim