Mach das ruhig mal Öffentlich hier, da profitieren sicherlich auch andere von... für sowas will ich kein Geld.
Grobe Richtung (ungetestet):
<div id="home-video" style="position:absolute; left:30px; bottom:30px; width:400px; height:290px; margin:0; padding:6px; background-color:rgba(0,0,0,0.4); border-radius:4px;">
YT-Video
</div>
Normalerweise kann man sich das Vergrößern in einer Lightbox sparen - der Knopf ist ja im YT-Video drin.
Eine einfache jQuery-Anweisung lädt und startet das Video dann verzögert:
$('#home-video').delay(2000).fadeIn(1000);
In dem Fall 2 Sekunden Verzögerung, 1 Sekunde lang aufblenden. Autoplay & Co. regelst Du über den YT-Embed.
Genauso kann man dann auch noch einen Close-Button einbinden oder so ein Firlefanz veranstalten, den ich nicht mag:
$('#home-video').one('hover', function () {
$("#home-video").animate({'top': '-=100px'}, 1200);
});
Über das "animate" kannst Du noch weitere CSS-Eigenschaften deklarieren, bspw. auch einen fingierten Resize des DIV's. Über "one" wird's dann auch nur einmalig ausgeführt. Hab's noch nie mit einem iframe ausprobiert und hab da auch kein Bock drauf, weil garantiert Stressig! ;)