Verzögerung "Schöpfung" von div, nicht nur von div

Question

Ich kann nicht die richtige Terminologie verwenden, aber hoffentlich bekomme ich meine Frage richtig über. Ich frage mich, ob es möglich ist, die "Erstellung" eines bestimmten Div zu "verzögern", anstatt nur den Befehl FadeTo oder Show jquery zu verzögern.

Ich frage, weil ich die Vimeo-API benutze, die völlig verblüffend und frustrierend ist (zumindest für mich - es ist eine Quelle endloser Schande und ich sitze in Selbstmitleid, wenn ich eine solche Vimeo-API-Kodierung versuche). Was ich versuche, ist, die Autoplay des iFrame-Codes für ein eingebettetes Vimeo-Video zu verzögern. Das Problem ist, dass ich das div, das den Vimeo-Iframe enthält, nach dem Laden der Seite gut drei Sekunden lang versteckt, bevor es eingeblendet wird, aber da es nur versteckt ist, beginnt das Video trotzdem zu spielen, bevor der Besucher es tatsächlich sehen kann. Ich benutze nur & autoplay = 1 für die vimeo einbetten ...

Also die einzige andere Lösung neben dieser verwirrenden Vimeo API zu versuchen, das Video zu verzögern, ist in der Lage, nur eine zu verwenden jQuery-Befehl, um den Vimeo-Iframe vom Laden/Erstellen auf der Seite zu verzögern, bis der Container div eingeblendet wird.

Wenn dies möglich ist, segne ich meine Glücksbringer. Und doppelte Punkte, wenn jemand in den nächsten Stunden antwortet! Vielen Dank!!!

Answer 1

ich editierte nur meine Antwort und wandte sie Ihren Code passen Sie zur Verfügung gestellt:

---

Also, was ich tat, ist hier:
1) Last jquery in die Seite
2), wenn Jquery Ihre div sieht mit id = "div" als 'bereit', es wird eine Warnung ausgelöst, die besagt geladen (Sie können dies nur für Testzwecke entfernen), und dann verzögern Sie die src in Ihrem iframe für 2 Sekunden (2000 Millisekunden)
laden 3) So können Sie das 2000 zu jeder beliebigen Zeit ändern und sicherstellen, dass "player_1" mit Ihren iframes id

übereinstimmt

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 

<script> 
$(document.getElementById('div')).ready(function() 
{ 
     alert('loaded'); 
    setTimeout('document.getElementById("player_1").src="http://www.youtube.com/v/82CYNj7noic?autoplay=1"', 2000); 

}); 

</script> 

<div id="div" class="div"> 
<iframe class="iframe" id="player_1" > </iframe> 
</div> 

Ist diese Arbeit für Sie ?? Ich hoffe ich habe geholfen !!