jquery：检查嵌入的youtube视频是否已加载 - 准备播放？

Question

嘿伙计们， 我的页面上有一个嵌入式YouTube视频。

<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>

我的.vidwrapper有绿色背景，只要视频没有加载到我的页面上，我就能看到该背景。

我想知道如何检查视频加载到我的页面的那一刻？

Answer 1

使用load（）确保在页面上显示之前加载视频和包装器。这样可以防止在加载视频时显示绿框。

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