HTML Youtube Embed in XHTML 1.0 Strict

cmprmsd

Lt. Commander
Registriert
Mai 2005
Beiträge
1.973
Das Problem ist folgendes. Der Youtube-Embed-Code ist fürn Po und nun habe ich nach nem alternativem Code geschaut und folgenden gefunden.

Code:
<object type="application/x-shockwave-flash" style="width:480px; height:385px;" data="http://www.youtube.com/v/trv8P-IcBgY">
    <param name="movie" value="http://www.youtube.com/v/trv8P-IcBgY" />
</object>

Allerdings ergibt sich daraus das Problem, dass der Vollbildmodus wegfällt.
Wie bekomme ich es hin, dass der Vollbildmodus funktioniert, ohne Invaliden Code zu erstellen? :D

Der Ansatz wäre
Code:
<object type="application/x-shockwave-flash" style="width:640px; height:505px;" data="http://www.youtube.com/v/pA6AvMN6iUs&fs=1&rel=0" allowfullscreen="true">
    <param name="allowFullScreen" value="true" /> 
    <param name="movie" value="http://www.youtube.com/v/pA6AvMN6iUs" />
</object>
Allerdings gibt der 7 Fehler aus ( link )
 
Alle &-Zeichen in den URLs müssten durch &amp; ersetzt werden. Der originale YouTube-Code sollte sich so eigentlich auch ohne Probleme XHTML-konform machen lassen..
 
Ah Dankeschön :)

Hmm

<div align="center"><object type="application/x-shockwave-flash" style="width:640px; height:505px;" data="http://www.youtube.com/v/pA6AvMN6iUs&amp;fs=1&amp;rel=0">
<param name="allowFullScreen" value="true" />
<param name="movie" value="http://www.youtube.com/v/pA6AvMN6iUs" />
</object></div>

Error Line 108, Column 16: Attribute "align" exists, but can not be used for this element.

<div align="center">

Wie kann ich das Video anders Centern?
 
Zuletzt bearbeitet:
Hi,

mit margin: 0 auto; kannst das Video zentrieren.
 
Zuletzt bearbeitet:
Ah danke :)

ps, habs noch gelesen bevor du´s geedited hast, die seite kenn ich schon und sie ist scheiße ;) a) backlink b) kein fs :>

Lg
 
Kann ich den css befehl eigentlich direkt in den div tag einarbeiten? Kenne mich mit Css nicht so gut aus :>
 
Sicher, <div style="margin: 0 auto;">xxx</div>.

Besser wäre es wenn dus so machst:

HTML:
/* style.css */
div.center {
    margin: 0 auto;
}

/* index.html */
<div class="center">xxx</div>

Stets versuchen Style-Attribute in eine eigene CSS-Datei auszulagern.
 
Dann gehts :)
Zur Vervollständigung nochmal hier alles zusammen .

<div style="margin: 0 auto;width:640px"><object type="application/x-shockwave-flash" style="width:640px; height:505px;" data="http://www.youtube.com/v/pA6AvMN6iUs&amp;fs=1&amp;rel=0">
<param name="allowFullScreen" value="true" />
<param name="movie" value="http://www.youtube.com/v/pA6AvMN6iUs" />
</object></div>
Klappt und ist valide :] Danke ;)
 
Zurück
Oben