jquery: checking if embedded youtube video is loaded - ready to play?

hey guys, i've a embedded youtube video on my page.

<div class="vidwrapper">
    <object class="video" width="308" height="25"><embed src="http://www.youtube.com/v/GfugtAWxooU?fs=1&amp;hl=de_DE&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="308" height="25" wmode="opaque"></embed></object>
</div>

my .vidwrapper has a green background a开发者_运维知识库nd i can see that background as long as the video is not loaded onto my page.

i wonder how i could check for the moment the video is loaded onto my page?

---

use load() to ensure the video and wrapper are loaded before displaying on the page. This will prevent the green box from showing while video is loading.

http://api.jquery.com/load-event/