1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How do you overlay an image on a YouTube embedded video?

Discussion in 'Black Hat SEO' started by Craig8, Aug 5, 2013.

  1. Craig8

    Craig8 Newbie

    Joined:
    Jul 22, 2013
    Messages:
    32
    Likes Received:
    1
    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?
     
  2. jeanlance

    jeanlance Senior Member

    Joined:
    Mar 5, 2009
    Messages:
    801
    Likes Received:
    109
    Occupation:
    Web Designer, VCC supplier
    Location:
    Some where between heaven and hell
    Home Page:
    It can be done through CSS zindex position absolute etc
     
  3. dinkish

    dinkish Power Member

    Joined:
    Apr 19, 2013
    Messages:
    689
    Likes Received:
    159
    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.