I have a YouTube embedded video on my blog. I want to overlay an image on the top left of the video, and have it remain in the top left of the video no matter what adjustments the user makes (different screen resolution, browser adjustments, etc.). I want it to remain in the top left of the video. How do you do this?
How do you overlay an image on a YouTube embedded video?
- Thread starter Craig8
- Start date
Donald Duck Agency
Failed to handle a dispute properly
- Mar 5, 2009
- 1,864
- 441
It can be done through CSS zindex position absolute etc
Yeah, you'd need to create several div's with css.
Embed the youtube video in a relative div. Have another div inside that parent div as an absolute position, and specify the top and left pixels as 0 or whatever you want the spacing to be. You probably wouldn't even need to specify a z-index for the parent div, but you could number it like 999 just to be safe if you have drop down menus or something of that nature.
If they zoom in\out, or have differing resolutions, it will still display on top because the parent div will be relative.
Embed the youtube video in a relative div. Have another div inside that parent div as an absolute position, and specify the top and left pixels as 0 or whatever you want the spacing to be. You probably wouldn't even need to specify a z-index for the parent div, but you could number it like 999 just to be safe if you have drop down menus or something of that nature.
If they zoom in\out, or have differing resolutions, it will still display on top because the parent div will be relative.