Okay, så er du jo godt på vej
... Jeg går udfra at det du gerne vil have er et sted, hvor du vil kunne læse mere om, hvordan man så kan gøre det i et html dokument (en hjemmeside). Den korte version er at du kan kigge efter på denne test fil, og rode lidt rundt med selv, indtil du finder lige den indstilling, der passer dig selv bedst.
- <!DOCTYPE HTML>
- <html>
- <head>
- <title>Test side</title>
-
- <script type="text/javascript">
- function ads_shown()
- {
- document.getElementById('ads').style.zIndex = 0;
- document.getElementById('main').style.zIndex = 1;
- }
- </script>
- </head>
-
- <body>
-
-
- <iframe id="main" style="position:absolute;z-index:0;" width="560" height="315" src="http://www.youtube.com/embed/ASO_zypdnsQ" frameborder="0" allowfullscreen></iframe>
-
-
- <iframe id="ads" style="position:absolute;z-index:1;" width="560" height="315" src="http://www.youtube.com/embed/D7TB8b2t3QE" frameborder="0" allowfullscreen></iframe>
-
- <button style="position:absolute;z-index:0;top:340px;left:260px;" onclick="setTimeout('ads_shown();',3000);">Play video</button>
-
- </body>
- </html>
*Den nemmeste måde at få dette til at virke på er ved at kopierer denne kode tekst ind i et notepad dokument, og gemme filen som en .html fil. Herefter åbner du filen med din browser for at se, hvordan det ser ud, når det er implementeret eller med din IDE/tekst editor for at ændrer på koden.