Video als link einbetten

html.de-Forum HTML, XHTML & CSS
1

Hallo miteinander

Ich möchte auf meiner Webseite ein Video einbetten (am einfachsten denke ich via Youtube). Das Video einfach so einzubetten geht ja ziemlich einfach mit der Funktion von Youtube. Jedoch möchte ich, dass man zuerst auf einen Button klicken muss/kann und sich daraufhin (am gleichen Ort) das Video eingeblendet wird.

Der Button ist mit folgendem Code realisiert:

Hier öffnet sich das Video

Hat jemand eine Idee, wie man dieses Unterfangen am einfachsten realisieren kann oder evtl. sogar ein Bsp. Code?

Besten Dank

2

Dann kannst du auch einfach YouTube öffnen, oder?

3

Dafür gäbe es viele Wege. Ein reiner CSS-Weg wäre (wenn auch recht komplex) z.B. mit folgendem HTML-Code

[html]

Hier öffnet sich das Video
[Hier den Youtube-Code einbetten
[/html]

und dem CSS

input[type="radio"]+div > div { display: none; } input[type="radio"]:checked+div > div { display: block; }

machbar (wobei du dann entscheiden müsstest wie Du das rein visuell per CSS gestaltest).

Alternativ dazu wäre ein Einblenden von Elementen auch mit JavaScript möglich. Bei jQuery findet man beim Stichwort animate einige Beispiele.

Eine weitere Möglichkeit wäre, dass Du bei dem Link tatsächlich eine neue Seite öffnest in der das Video dann eingebunden ist.

Was davon für dich am besten geeignet ist hängt von deinen Fähigkeiten, der Gestaltung deiner Webseite und deinen Wünschen zur Usabiliy ab.

4

Keine Ahnung ob du PHP kannst (sorry wenn ich das HTML-Forum störe), aber mit diesem ist dies sehr leicht zu bewerkstelligen (wenn du es nicht kennst, nenne die Datei mit Dateiendung .php, kannst für print auch echo benutzen):

[I]

<?php $Sendung = $_POST['Sendung']; if ([isset]('http://www.php.net/isset')($Sendung)) { # Das iframe mit dieser URL ist nur als Beispiel gedacht // Kopiere diesen CS auf deine Webseite und schau was da abgeht! echo ""; } ?>[/I]

Also wenn du PHP verwendest, sollt’s klappen.