YouTube Video einbetten - Website X5 Helpsite

Logo Schriftzug
Logo WSX5
Scan QR or Download Android App
Direkt zum Seiteninhalt

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
<object width="[WIDTH]" height="[HEIGHT]">
<param name="movie" value="[URL]&amp;hl=de_DE&amp;fs=[FS]&amp;rel=[REL]"></param>
<param name="allowFullScreen" value="[FS]"></param>
<param name="allowscriptaccess" value="always"></param>
<embed
src="[URL]&amp;hl=de_DE&amp;fs=[FS]&amp;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&amp;hl=de_DE&amp;fs=0&amp;rel=0"></param>
<param name="allowFullScreen" value="false"></param>
<param name="allowscriptaccess" value="always"></param>
<embed
src="https://www.youtube.com/v/WT5JAZQAlQQ&amp;hl=de_DE&amp;fs=0&amp;rel=0"
type="application/x-shockwave-flash"
allowscriptaccess="always"
allowfullscreen="true"
width="240"
height="205"
>
</embed>
</object>
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 «
Logo Host Europe
Button Spenden
🏠 © 2009 - 2024
Hosting by
Zurück zum Seiteninhalt