Fünf Möglichkeiten, um ein Youtube-Video mit einem Rahmen zu versehen. Youtube-Videos Xhtml strict einbinden.

Beitrag 2060 von UFO-Peter » 03.10.2016, 16:48

Fünf Möglichkeiten, um ein Youtube-Video mit einem Rahmen zu versehen. Youtube-Videos Xhtml strict einbinden.

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.

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 &amp;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&amp;loop=1&amp;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&amp;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.

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 &amp; (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 &amp;color1=0x800000&amp;color2=0x008000&amp;border=1 anfügt. 800000 erzeugt hier dunkelrot und 008000 dunkelgrün.

Liebe Leser! Wenn Sie die Schildbürgerstreiche der Politik(er) schon lange satt haben, unter­stützen Sie bitte dieses Forum, indem Sie es auf anderen Seiten verlinken, oder nur aufs 'Welt­rettungs­forum' aufmerk­sam machen!
 
Falls Sie aber meinen, dass ein Staat gemäß Grund­gesetz schon dann demo­kratisch ist, wenn das Wahlvolk alle vier Jahre wählen gehen darf, wer die Dikta­toren sein sollen. Lügenpresse? Lügen­medien? Fall­bei­spiele!
 
Oder es in Ordnung wäre, dass im Gegensatz zur ehe­ma­ligen DDR, Menschen so wenig ver­dienen, dass es nicht zum Leben reicht und vieler­orts unver­schuld­ete Ob­dach­losig­keit herrscht; während dem­gegen­über einige wenige Multi­million­äre in uner­mess­lichem Reich­tum schwelgen.
 
Oder, wenn Sie meinen, dass AfD und PEGIDA rechts­radikal wären, weil beide gegen das Gut­menschen­tum sind, das alle Flücht­linge inte­grieren will ein­schließ­lich Deutsch­lern­pflicht; obwohl sie doch in einem Lager mit Wohn­con­tainern viel besser auf­ge­hoben wären.
 
Oder, wenn Sie abstreiten, dass auch Deutschland den Flüchtlingsstrom mit verursachte, indem die deutsche Regierung verantwortlich dafür war, dass Deutschland 2014 nur noch die Hälfte an den UNHCR zahlte, wodurch eine Hungersnot in den Flüchtlingslagern ausgelöst wurde.
 
Oder, wenn Sie die BRD für einen Rechts­staat halten, obwohl Richter und An­wälte durch per­ma­nente Rechts­beugung vor­ein­ge­nom­men um den Er­halt ihrer Arbeits­plätze be­müht sind; und mich deswegen Richter Rüdiger Richel rechtskräftig dazu verurteilte, Kinder zu ermorden. Wir brauchen eine un­vor­ein­ge­nom­me­ne Justiz anstatt eine unab­hängige Justiz. Genauso brauchen wir un­ab­häng­ige Lehrer anstatt ein (staat­lich ge­steu­er­tes) Bildungs­system.
 
Oder, wenn Sie glauben, dass die Kirche mit ihrer geistes­kranken Wahn­vor­stellung recht hat; dass einst Gott seinen (angeb­lich) einzigen Sohn sandte, damit dieser als Opfer­lamm brutal er­mordet wird zwecks Sünden­ver­gebung. Juden unschuldig an der Kreuzigung Jesu.
 
Oder, wenn Sie allen Ernstes meinen, dass soge­nannte "Lesben" und "Schwule" sexuell so orien­tiert sind, dass unbe­dingt die Ge­nital­ien nicht zu­ein­an­der passen dürfen; oder, dass der Terror­an­schlag in Paris nichts mit dem Islam zu tun hat.
 
Oder die sexuelle Neigung zu 'vor­puber­tärem' Kind ab­artig sei, obwohl manche Mädchen fast schon im Klein­kind­alter ge­schlechts­reif sind und trotzdem zur Prüderie gezwungen werden; Sie aber demgegenüber Zwangs­be­berg­steigung, Zwangs­artistik und Zwangs­leistungs­be­sportung von Kindern OK finden; brauchen Sie dieses Forum natürlich nicht unter­stützen.