预加载JavaScript嵌入式播放器

Question

如果我的HTML内嵌了代码 - 例如，YouTube的嵌入式播放器 - 我可以使用JavaScript，AJAX等构建此播放器的预加载器吗？

我问，因为如果我只有嵌入式播放器，该网页是白中装载的时刻，以及后来的玩家表现出来了......

Answer 1

也许我误解，但是如果嵌入式组件可以通知一个DOM事件，你可以用javascript来捕捉它，并用实际加载的播放器替换一些闪屏图像。它是特定于您嵌入的内容的亲属。

Answer 2

如果您无法修改Flash文件以满足您的需求（如使用YouTube剪辑时的情况），则可以在嵌入对象后面放置一个div。嵌入对象在加载时会掩盖您的“splash”div - 假设它没有透明度。

.wrapper { 
    width: 425px; 
    margin: 0 auto; 
} 

.splash { 
    position: absolute; 
    width: 425px; 
    height: 344px; 
    background-color: red; 
    z-index: -1; 
} 

<div class="wrapper"> 
    <div class="splash"></div> 
    <object width="425" height="344"> 
     <param name="movie" value="http://www.youtube.com/"/> 
     <param name="allowFullScreen" value="true"/> 
     <param name="allowscriptaccess" value="always"/> 
     <embed width="425" height="344" src="http://www.youtube.com/" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"/> 
    </object> 
</div>