預加載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>