JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Auf Thema antworten

Beitrag: [QUOTE="Drapondur, post: 13876, member: 4758"] Hi, Ich finde den Fehler nicht..... Es ist keiner da und dennoch tanzt ein iframe aus der Reihe. Ich habe 6 identische html Seiten geschrieben, deren ausschliessliche Funktion es ist, jeweils ein YouTube Video eingebettet zu haben. Diese 6 Seiten bette ich dann auf meiner Website ein. (Hintergrund ist, dass die YouTube Videos nicht sofort geladen werden sollen, sondern erst, wenn jemand wirklich eins davon sehen möchte - egal....) Ich poste hier jetzt zwei von diesen Seiten, die meiner Ansicht nach exakt gleich sind, bis auf das Hintergrundbild und den YouTube-Link. Aber auf meiner Seite ([URL="http://www.zuunami.de#video"]www.zuunami.de#video[/URL] <---- da könnt ihr sehen, was ich meine) werden die Play-Buttons nicht auf auf der gleichen Höhe angezeigt, was aber so sein müsste. ich finde den Fehler nicht. 5 funktionieren, eine nicht ganz..... Seht ihr was am Code, was ich einfach übersehe? Ich danke schon mal im Voraus :-) PS: Ach so, die Hintergrundgrafiken haben dieselbe Größe im selben Format (webp) stryker.html (die "fehlerhafte Datei") [CODE] <!DOCTYPE html> <html lang="de"> <head> <title>Vorschau Video 1</title> <meta charset="utf-8"> <meta name=viewport content="width=device-width, initial-scale=1"> <style> * { box-sizing: border-box; } body { margin: 0px; padding: 0px; background: url(assets/images/stryker.webp); background-size: 100% auto; display: flex; justify-content: center; align-items: center } a { color: #FAA000; text-decoration: none; background-color:#000; } .play { border:0px; margin: 0px; padding: 0px; background-color: transparent; } .play img:hover {-webkit-filter: brightness(.5);filter: brightness(.5);} .play img {-webkit-transition: all 0.5s ease;transition: all 0.5s ease;} </style> </head> <body> <div style="width: 70%;text-align: center"> <form action="https://www.youtube-nocookie.com/embed/UssWnmAFccY?allow="accelerometer&autoplay&encrypted-media&gyroscope&picture-in-picture&allowfullscreen" target="_self" style="padding:10px;"><br /><br /><br /> <button class="play" type="submit" name="start"><img src="assets/images/play.png"></button> </form> </div> </body> </html> [/CODE] meinsohn.html (funktioniert normal) [CODE] <!DOCTYPE html> <html lang="de"> <head> <title>Vorschau Video 1</title> <meta charset="utf-8"> <meta name=viewport content="width=device-width, initial-scale=1"> <style> * { box-sizing: border-box; } body { margin: 0px; padding: 0px; background: url(assets/images/meinsohn.webp); background-size: 100% auto; display: flex; justify-content: center; align-items: center } a { color: #FAA000; text-decoration: none; background-color:#000; } .play { border:0px; margin: 0px; padding: 0px; background-color: transparent; } .play img:hover {-webkit-filter: brightness(.5);filter: brightness(.5);} .play img {-webkit-transition: all 0.5s ease;transition: all 0.5s ease;} </style> </head> <body> <div style="width: 70%;text-align: center"> <form action="https://www.youtube-nocookie.com/embed/huS4ld5B0bc?allow="accelerometer&autoplay&encrypted-media&gyroscope&picture-in-picture&allowfullscreen" target="_self" style="padding:10px;"><br /><br /><br /> <button class="play" type="submit" name="start"><img src="assets/images/play.png"></button> </form> </div> </body> </html> [/CODE] [/QUOTE]

Authentifizierung