YouTube Video einbetten

Tutorials

YouTube Video in HTML-Seite einbetten

Der Embedded-Code zum einbetten von Youtube-Videos ist ohne weitere Erläuterungen im Internet auf der Seite von Youtube erhältlich.
Man kann noch mehr aus diesen Einbettungscoden herausholen. Hier könnt ihr Eure Ideen zur Video-Einbindung mit eigener Gestaltung verwirklichen und den eigenen Bedürfnissen anpassen. Die entsprechenden Parameter zur eigenen Gestaltung findet ihr am Ende der Seite.

Code für den <BODY> Bereich

<param name="movie" value="[URL]&hl=de_DE&fs=[FS]&rel=[REL]"></param>
<param name="allowFullScreen" value="[FS]"></param>
<param name="allowscriptaccess" value="always"></param>
<embed

src="[URL]&hl=de_DE&fs=[FS]&rel=[REL]"
type="application/x-shockwave-flash"
allowscriptaccess="always"
allowfullscreen="[FS]"
width="[WIDTH]"
height="[HEIGHT]"
>

</embed>

</object>

[URL] YouTube-URL (hier: "https://www.youtube.com/v/[VIDEO]&hl=de_DE&fs=[FS]&rel=[REL]")
[VIDEO] YouTube Video-Id (hier: "WT5JAZQAlQQ")
[WIDTH] Breite des Players (hier: 120, 160, 240)
[HEIGHT] Höhe des Players (hier: 115, 145, 205)
[FS] Erlaube Fullscreen-Modus (bei "allowFullScreen": "true" oder "false"; bei fs=: 0 oder 1)
[REL] Ähnliche Videos vorschlagen, wenn die Maus über dem Player ist (0=nein, 1=ja)

Beispiel rechtes Video-Objekt:
<object width="240" height="205">

<param name="movie" value="https://www.youtube.com/v/WT5JAZQAlQQ&hl=de_DE&fs=0&rel=0"></param>
<param name="allowFullScreen" value="false"></param>
<param name="allowscriptaccess" value="always"></param>
<embed

src="https://www.youtube.com/v/WT5JAZQAlQQ&hl=de_DE&fs=0&rel=0"
type="application/x-shockwave-flash"
allowscriptaccess="always"
allowfullscreen="true"
width="240"
height="205"
>

</embed>

</object>

Nach dem <BODY> Tag

Parameter:
Film automatisch abspielen:
Der Film wird nach dem Laden automatisch abgespielt, wenn den YouTube-URLs der Parameter hinzugefügt wird: &autoload=1

Film ab einer bestimmten Position wiedergeben:
Der Film startet ab Position N Sekunden, wenn dem URL der Search-String angefügt wird: #t=Ns

Beispiel: Der Film beginnt bei 65 Sekunden: #t=65s

Es ist auch die Angabe in Stunden, Minuten und Sekunden, möglich. Die allgemeine Syntax lautet: #t=NhMmKs

Qualitätsangaben:
Verwendet die Qualität 320×240 bis 448×336, Flash 7 video @ 900Kbps; Audio @ 44.1KHz 96Kbps Mono CBR: &fmt=6
Verwendet die Qualität 480×360, H.264 Video @ 512Kbps; Audio @ 44.1KHz 128Kbps Stereo: &fmt=18
Verwendet 720p HD Video Format: &fmt=22
Video in hoher Qualität einbinden, folgenden Code-Schnipsel an die URL im embed-Code anhängen: &ap=%2526fmt%3D18 und &ap=%2526fmt%3D22

YouTube Suchfeld verstecken:
Wenn der Mauszeiger über das Video fährt, wird die Suchbox eingeblendet. Um das zu verhindern, einfachan die URL hängen: &showsearch=0

Teil des YouTube Videos einbetten:
Das Video zu einem bestimmten Zeitpunkt starten lassen. Um die ersten 30 Sekunden des Videos zu überspringen an die URL anhängen: &start=30

YouTube Video automatisch abspielen:
Soll ein eingebetter Clip sofort abspielen, wenn jemand auf die Seite surft, kommt an die embed-URL ran: &loop=1

Ähnliche YouTube Videos ausblenden:
Niemand soll durch die Vorschläge ähnlicher Videos von Eurem Content abgelenkt werden? Dann an die embed-URL anhängen: rel=0

YouTube Regionsfilter überlisten:
Auf manche Videos könnt Ihr eigentlich nur mit einer IP aus einem bestimmten Teil der Welt zugreifen. Um das zu verhindern ändert die Struktur der URL von https://www.youtube.com/watch?v= zu https://www.youtube.com/v/

YouTube Video auf den Kopf stellen:

Das gesamte Video auf den Kopf drehen: &flip=1

Einbetten ohne den Titel des YouTube Videos zu zeigen:
Blendet den Titel aus: &showinfo=0
YouTube Video gleich im Vollbild starten:
Vor die VideoID im Link gesetzt, läßt das Video nach Klick auf den Link gleich im Vollbild starten: https://www.youtube.com/swf/cps.swf?video_id=

» nach oben «