https://developers.google.com/youtube/player_parameters
Youtube-Videos kann man entweder per iframe oder object einbinden. Bei Youtube.com sind bei den Videos der Einbettungscode jeweils entweder mit iframe oder object. Man kann aber jedes Youtube-Video entweder so oder so einbinden.
Bei der Iframe-Variante ist angegeben, dass der Rahmen (frameborder="0") nicht angezeigt werden soll. frameborder="1" oder die völlige Entfernung dieser gesamten Angabe lässt den Rahmen anzeigen. Ein Iframe-Einbettungscode ohne Rahmen kann beispielsweise dieser sein, wobei hier 9QTjtHTYEVs die Video-ID ist.
Mit object bettet man dieses Video so ein: Die Angabe &loop=1 bewirkt hier eine Endloswiederholung des Videos.
Xhtml strict ist dieser Code so. Leider funktioniert hierbei allowfullscreen (Vollbild) zwar beim FireFox, aber nicht beim Internet Explorer (zumindest nicht bei jeder IE-Version).
Einen Rahmen fügt man so hinzu: <object border="1" width="640" … . Aber beispielsweise der FireFox 2 zeigt diesen Rahmen nicht an, während derselbe Browser den Rahmen anzeigen kann bei der Einbindung mit Iframe. Auf der Forenübersicht meines Forums hatte ich Videos per Iframe eingebettet, sodass diese mit Rahmen sind.
Weil da aber keine Endlosschleife möglich ist, hatte ich ein Video, das mit Endloswiederholung sein sollte, mit object eingebunden. Bei dieser Art kann man den Code so verändern, dass man eine Endloswiederholung erzielt. Aber Bei der Einbindung mit object schien es nicht möglich zu sein, einen Rahmen beim FF2 zu erzeugen.
Youtube-Videos kann man entweder per iframe oder object einbinden. Bei Youtube.com sind bei den Videos der Einbettungscode jeweils entweder mit iframe oder object. Man kann aber jedes Youtube-Video entweder so oder so einbinden.
Bei der Iframe-Variante ist angegeben, dass der Rahmen (frameborder="0") nicht angezeigt werden soll. frameborder="1" oder die völlige Entfernung dieser gesamten Angabe lässt den Rahmen anzeigen. Ein Iframe-Einbettungscode ohne Rahmen kann beispielsweise dieser sein, wobei hier 9QTjtHTYEVs die Video-ID ist.
- Code: Alles auswählen
<iframe border="0" title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/9QTjtHTYEVs" allowfullscreen></iframe>
Mit object bettet man dieses Video so ein: Die Angabe &loop=1 bewirkt hier eine Endloswiederholung des Videos.
- Code: Alles auswählen
<object width="640" height="390"><param name="movie" value="http://www.youtube.com/v/9QTjtHTYEVs?hl=de_DE"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/9QTjtHTYEVs?fs=1&loop=1&hl=de_DE" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="390"></embed></object>
Xhtml strict ist dieser Code so. Leider funktioniert hierbei allowfullscreen (Vollbild) zwar beim FireFox, aber nicht beim Internet Explorer (zumindest nicht bei jeder IE-Version).
- Code: Alles auswählen
<object type="application/x-shockwave-flash" width="640" height="390" data="http://www.youtube.com/embed/9QTjtHTYEVs?fs=1&loop=1"><param name="movie" value="http://www.youtube.com/embed/9QTjtHTYEVs" /><param name="allowFullScreen" value="true" /></object>
Einen Rahmen fügt man so hinzu: <object border="1" width="640" … . Aber beispielsweise der FireFox 2 zeigt diesen Rahmen nicht an, während derselbe Browser den Rahmen anzeigen kann bei der Einbindung mit Iframe. Auf der Forenübersicht meines Forums hatte ich Videos per Iframe eingebettet, sodass diese mit Rahmen sind.
Weil da aber keine Endlosschleife möglich ist, hatte ich ein Video, das mit Endloswiederholung sein sollte, mit object eingebunden. Bei dieser Art kann man den Code so verändern, dass man eine Endloswiederholung erzielt. Aber Bei der Einbindung mit object schien es nicht möglich zu sein, einen Rahmen beim FF2 zu erzeugen.
Auch durch einen separat hinzugefügten Tabellenrahmen, wie weiter unten beschrieben, konnte ich keinen Rahmen erzeugen, der genauso aussieht wie der Rahmen um die per iframe eingebundenen Videos, sodass ich folgende dritte Möglichkeit fand, wo Rahmen und Endlosschleife vorhanden (beziehungsweise möglich) sind: Aber leider funktioniert Fullscreen nicht.
Man kann stattdessen separat einen Tabellenrahmen um das Video machen, indem man <table border="2"><tr><td> unmittelbar vor den Videocode setzt und </td></tr></table> unmittelbar dahinter. In diesem Fall beträgt die Rahmendicke 2px.
Will man für diesen Rahmen eine Farbe angeben, füge anstatt vorigem ersten Code <table border="2" style="border-color:green">, um beispielsweise einen grünen Rahmen zu erzeugen.
Speziell für den Windows Explorer gibt es einen weiteren Rahmentyp, wo man drei Farben angeben muss; nämlich eine grundsätzliche, eine hellere und eine dunklere. Davor beispielsweise einfügen: <table border="3" bordercolor="red" bordercolorlight="green" bordercolordark="blue">
Einen dritter Rahmentyp kann man mit CSS erzeugen. Neben der Rahmendicke und der Rahmenfarbe muss man auch den Rahmentyp angeben. Davor beispielsweise einfügen: <table style="border:4px solid green">
solid = durchgezogen
dotted = gepunktet
dashed = gestrichelt
double = doppelt durchgezogen
ridge = 3D-Effekt
groove = 3D-Effekt
outset = 3D-Effekt
inset = 3D-Effekt
none = kein Rahmen
hidden = versteckter Rahmen
Diese drei Rahmentypen funktionieren unabhängig vom Einbettungscode, weswegen diese nicht nur bei allen Youtubevideos funktionieren, sondern auch bei allen anderen Videos anderer Videoanbieter. Leider hatte sich gezeigt, dass die so erzeugten Rahmen dicker sind beziehungsweise anders aussehen, als der vom Iframe erzeugte.
)
Die einzelnen Angaben werden inmitten von eingebetteten URLs durch & (UTF-8) voneinander getrennt, wodurch dann jeweils ein & erscheint, falls man das Video bei Youtube.com aufruft.
Einen ein- oder mehrfarbigen Rahmen kann man erzeugen, indem man bei der zweiten URL-Angabe bei der Einbindung mit object &color1=0x800000&color2=0x008000&border=1 anfügt. 800000 erzeugt hier dunkelrot und 008000 dunkelgrün.
- Code: Alles auswählen
<iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/v/9QTjtHTYEVs?loop=1" allowfullscreen></iframe>
Man kann stattdessen separat einen Tabellenrahmen um das Video machen, indem man <table border="2"><tr><td> unmittelbar vor den Videocode setzt und </td></tr></table> unmittelbar dahinter. In diesem Fall beträgt die Rahmendicke 2px.
Will man für diesen Rahmen eine Farbe angeben, füge anstatt vorigem ersten Code <table border="2" style="border-color:green">, um beispielsweise einen grünen Rahmen zu erzeugen.
Speziell für den Windows Explorer gibt es einen weiteren Rahmentyp, wo man drei Farben angeben muss; nämlich eine grundsätzliche, eine hellere und eine dunklere. Davor beispielsweise einfügen: <table border="3" bordercolor="red" bordercolorlight="green" bordercolordark="blue">
Einen dritter Rahmentyp kann man mit CSS erzeugen. Neben der Rahmendicke und der Rahmenfarbe muss man auch den Rahmentyp angeben. Davor beispielsweise einfügen: <table style="border:4px solid green">
solid = durchgezogen
dotted = gepunktet
dashed = gestrichelt
double = doppelt durchgezogen
ridge = 3D-Effekt
groove = 3D-Effekt
outset = 3D-Effekt
inset = 3D-Effekt
none = kein Rahmen
hidden = versteckter Rahmen
Diese drei Rahmentypen funktionieren unabhängig vom Einbettungscode, weswegen diese nicht nur bei allen Youtubevideos funktionieren, sondern auch bei allen anderen Videos anderer Videoanbieter. Leider hatte sich gezeigt, dass die so erzeugten Rahmen dicker sind beziehungsweise anders aussehen, als der vom Iframe erzeugte.
)
Die einzelnen Angaben werden inmitten von eingebetteten URLs durch & (UTF-8) voneinander getrennt, wodurch dann jeweils ein & erscheint, falls man das Video bei Youtube.com aufruft.
Einen ein- oder mehrfarbigen Rahmen kann man erzeugen, indem man bei der zweiten URL-Angabe bei der Einbindung mit object &color1=0x800000&color2=0x008000&border=1 anfügt. 800000 erzeugt hier dunkelrot und 008000 dunkelgrün.