Youtube Video einbinden

[spaceart]

Hallo

Ich habe eine Website in XHTML 1.0 Strict.
Darauf habe ich ein Youtube-Video folgendermaßen eingebunden:

<object class="youtube" type="application/x-shockwave-flash" data="http://www.youtube.com/v/ok8Uj8CN07g"><param name="movie" value="http://www.youtube.com/v/ok8Uj8CN07g" /><param name="allowFullScreen" value="true" /></object>

Das klappt soweit auch wunderbar.
Nun ist es aber ja so, dass das Video dann auf meiner Website als Flash-Video abgespielt wird.
Das iPhone und das neue iPad von Apple können ja keine Flash-Inhalte abspielen. Somit ist das eingebundene YouTube-Video auf meiner Website ja auf dem iPhone und dem iPad auch nicht zu sehen.

Das iPhone und das iPad können aber ja trotzdem Youtube-Videos auf der Youtube-Website abspielen. Weil die Videos ja auf den Youtube-Servern nicht nur als Flash-Videos sondern auch in anderer Form vorliegen.
Und wenn ich das richtig verstehe, erkennt die Youtube-Webseite, ob ein PC oder das iPhone auf die Seite zugreift.
Und wenn es eben das iPhone ist, zeigt es die Videos in einem anderen Format als Flash.

Meine Frage ist nun, ob ich das auf meiner eigenen Website auch realisieren kann?
Also ob ich dort auch ein Youtube-Video so einbinden kann, dass es auch auf dem iPhone und dem iPad läuft.

Über Hilfe und Ratschläge von Euch würde ich mich ´riesig freuen.
Gruß
Ingo

[Malcolm Beck´s]

مرحبا

Darauf habe ich ein Youtube-Video folgendermaßen eingebunden:

<object class="youtube" type="application/x-shockwave-flash" data="http://www.youtube.com/v/ok8Uj8CN07g"><param name="movie" value="http://www.youtube.com/v/ok8Uj8CN07g" /><param name="allowFullScreen" value="true" /></object>

Das iPhone und das neue iPad von Apple können ja keine Flash-Inhalte abspielen. Somit ist das eingebundene YouTube-Video auf meiner Website ja auf dem iPhone und dem iPad auch nicht zu sehen.

Ich denke mal, der Unterschied liegt daran, dass Youtube dir ein object-Element zum einbinden auf's Auge drückt, selbst aber embed verwendet (mit Firebug kann man das sehr gut nachvollziehen).

<embed height="385" width="640" bgcolor="#000000" allowfullscreen="true" allowscriptaccess="always" flashvars="..." id="movie_player" src="http://s.ytimg.com/yt/swf/watch_as3-vfl163057.swf" type="application/x-shockwave-flash">

Teste doch einfach mal, ob Google-Videos funktionieren:

<embed id="VideoPlayback" src="http://video.google.com/googleplayer.swf?docid=-5464625623984168940&hl=de&fs=true" style="width:400px;height:326px" allowFullScreen="true" allowScriptAccess="always" type="application/x-shockwave-flash"> </embed>

mfg

[suit]

<object class="youtube" type="application/x-shockwave-flash" data="http://www.youtube.com/v/ok8Uj8CN07g"><param name="movie" value="http://www.youtube.com/v/ok8Uj8CN07g" /><param name="allowFullScreen" value="true" /></object>

Ich denke mal, der Unterschied liegt daran, dass Youtube dir ein object-Element zum einbinden auf's Auge drückt

Das glaub' ich nicht, Tim. Der vom OP genannte Code wird sicher so nicht von Google geliefert ;)

Google liefert bei exakt diesem Video folgenden Code:
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/ok8Uj8CN07g&hl=de_DE&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/ok8Uj8CN07g&hl=de_DE&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>

Der Grund warum das iPhone usw die Videos trotzdem abspielen:

Apple nutzt den "offenen" H.264-Codec und das wird Google per Weiche abfangen und dann halt ein entsprechendes video-Element ausspucken.

[Malcolm Beck´s]

مرحبا

Apple nutzt den "offenen" H.264-Codec und das wird Google per Weiche abfangen und dann halt ein entsprechendes video-Element ausspucken.

Hast du es denn mal mit einem IDings und embed getestet? Mich würde brennend interessieren, ob es mit embed funktioniert, oder ob es definitiv nicht geht.

mfg

[suit]

Hast du es denn mal mit einem IDings und embed getestet? Mich würde brennend interessieren, ob es mit embed funktioniert, oder ob es definitiv nicht geht.

<embed type="application/x-shockwave-flash" /> funzt™ nicht ;)

Ohne type-Attribut und direkt ins src das flv-File packen könnte aber funktionieren, müsste man probieren.

[Malcolm Beck´s]

مرحبا

<embed type="application/x-shockwave-flash" /> funzt™ nicht ;)

Bei dem bisschen HTML wundert es mich nicht einmal. Da kann auch die beste Fehlerkorrektur nichts weiter tun als blöd aus der Wäsche gucken ;)

Ohne type-Attribut und direkt ins src das flv-File packen könnte aber funktionieren, müsste man probieren.

Funktioniert denn dieses bsp.?

<embed src="http://www.youtube.com/v/ws92B-pT-YE" allowscriptaccess="always"  
height="190" width="320"></embed>

Erfolgreich getestet in:
IE 6+7

Bei den folgenden jeweils die Aktuellste Version
FF 3.6*
Opera 10.5*
Chrome *
Safari 4.*

mfg

[Ingo Siemon]

Hallo

<embed src="http://www.youtube.com/v/ws92B-pT-YE" allowscriptaccess="always"

height="190" width="320"></embed>

>   
> Erfolgreich getestet in:  
> IE 6+7  
>   
> Bei den folgenden jeweils die Aktuellste Version  
> FF 3.6\*  
> Opera 10.5\*  
> Chrome \*  
> Safari 4.\*  
  
Ich habs nun auch mal so probiert.  
Im Browser läuft das wunderbar.  
  
Aber meine Frage war ja, ob das Video nun auch angezeigt wird, wenn ich die Seite mit dem iPhone buw. dem iPad von Apple aufrufe.  
  
Hat von Euch denn vielleicht jemand ein iPhone oder ein iPad um das mal zu testen?  
  
Gruß  
Ingo