Javascript video overlay med delay

Tags:    javascript

Hej udviklere.

er igang med et javascript hvor der er et layer over en youtube video, når der bliver klikket på det layer skal der går ca 10 sekunder før at man får youtube filmen at se.

noget alla det her: http://justsee100.info/30_Pitzy.htm

Det her er hvad jeg har lige pt:

"<div onclick="thevid=document.getElementById('thevideo'); thevid.style.display='block'; this.style.display='none'"><img src="http://smiro.dk/delsiden.png" style="cursor:pointer" /></div><div id="thevideo" style="display:none">

<iframe width="639" height="390" src="http://www.youtube.com/embed/KQ6zr6kCPj8" frameborder="0" allowfullscreen></iframe>
</div>"



4 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma
Sorter efter stemmer Sorter efter dato
din onclick kan se ud som dette:
Fold kodeboks ind/udKode 




Gør det med event listeners, i den "onclick" introducerer du 2 globale variabler og det er ikke videre overskueligt.

Du skal også have en onclick listener på din div, og formentligt et id på din iframe (hvilket kunne gøres uden frames med Google API).



Har nu gjort følgende:

Fold kodeboks ind/udPHP kode 


Men når jeg så klikker på billedet og venter 10 sekunder , så sker der intet ;s?



du har to "" sidst i dit div tag. Ikke sikker på det er det der er fejlen, men det er en fejl.

Der mangler en ' efter none, hvad der underligt nok også mangler i mit forslag.



t