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

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?

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.

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>