ElementStacks

HTML

<button onclick="fadeIt();">Fade It!</button> 
<button onclick="overlay();">Overlay</button>
<div id="fadeMe">
    <object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/B-Wd-Q3F8KM&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="opaque"></param><embed src="http://www.youtube.com/v/B-Wd-Q3F8KM&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385" wmode="opaque"></embed></object>
</div>

CSS

.overlay {
   position:absolute;
   top: 40px;
   left:80px;
   width:140px;
    height:90px;
    background:#FFF;
    color: #000;
    text-align:center;
    border:2px solid #CCC;
    padding-top:40px;
}

JavaScript

function fadeIt() {
    $('#fadeMe').fadeOut(2000);
}
function overlay() {
    $(document.body).append('<div class="overlay">OVER</div>');
}