Preload JavaScript Ein eingebetteter Player

Question

Wenn ich HTML mit eingebettetem Code habe - zum Beispiel einen eingebetteten Player von YouTube - kann ich einen Preloader für diesen Player in JavaScript, AJAX usw. einbauen?

Ich frage, weil, wenn ich eingebettet nur die Spieler haben, die Seite im Lade Moment weiß ist, und später der Spieler zeigt sich ...

Answer 1

Vielleicht bin ich Missverständnis, aber wenn das eingebettete Komponente kann das Signal ein DOM-Event, Sie können es mit Javascript fangen und einige Splash-Bild mit dem tatsächlich geladenen Player ersetzen. Es ist spezifisch für den Inhalt, den Sie einbetten.

Answer 2

Wenn Sie die Flash-Datei nicht an Ihre Bedürfnisse anpassen können (wie bei der Verwendung eines YouTube-Clips), können Sie ein div hinter dem eingebetteten Objekt platzieren. Das eingebettete Objekt verdeckt das "Splash" -div beim Laden - vorausgesetzt, es hat keine Transparenz.

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