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 'White 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. funkybunker

    funkybunker Supreme Member

    Joined:
    May 14, 2013
    Messages:
    1,241
    Likes Received:
    1,776
    Occupation:
    BOSS
    Location:
    Silicon Valley
    My apologies, but you will most likely need to download the video itself, edit it, and reupload your new version. Unless someone here has better knowledge in this area.
     
  3. sjesmee

    sjesmee Newbie

    Joined:
    Jul 26, 2013
    Messages:
    2
    Likes Received:
    0
    Hi, best way to do this is wrapping the embedded video in a div and then the image. See below for example.

    HTML
    <div class="YouTube">
    <!-- YouTube Script -->
    <div class="Image">
    <img src="#" height="" width="" />
    </div>
    </div>


    CSS
    <style type="text/css"> .YouTube { width: Size of video; height: Size of video; position: relative; } .Image { position: absolute; top: 15px; left: 15px; Z-index:2000} </style>