Videos in Website einbinden

[Tumbleweed]

Eigentlich hätte ich nicht erwartet, dass ich mich so lang damit herumplagen würde, aber es stellte sich als weniger banal heraus, als ich dachte.

Ich bin auf der Suche nach der "good practice" in Sachen Videoeinbettung in eine Website. Die Videos, die ich einbetten möchte, liegen als AVI vor mit was auch immer für einem Codec darin.
Nach etwas Stöbern habe ich mitbekommen, dass an vielen Stellen, wo danach gefragt wird, wie man AVI-Videos einbetten kann, direkt als Antwort kommt "wandle die Videos in Flash um wegen cross-browser und so!".
Wie macht man das also auf moderne Art und Weise? Flash ist für mich ein rotes Tuch, womit ich eigentlich so wenig wie möglich zu tun haben will. Wenn aber kein Weg vorbei führt, muss ich wohl die AVIs umwandeln, was mich zu meiner nächsten Teilfrage bringt.
Zu Flash gehört das swf- und das flv-Format, so weit ich das weiß. Letzteres für Videos wie auf Youtube, swf für alles andere.
Würde ich denn meine avis in swf oder flv umwandeln? Und ich habe so das Gefühl, ich brauche auch noch einen Player, den ich auf der Website mit einbinden muss, denn sonst habe ich für das dargestellte Video keinerlei control bar (play, volume,...) oder sehe ich das falsch?

Auf CB wird ja sowas hier gemacht:

Spoiler

<object id="video-166" width="608" height="365" type="application/x-shockwave-flash" data="/clientscripts/jwplayer/player.swf?5.7" style="visibility: visible;"><param name="allowfullscreen" value="true">

<param name="allowscriptaccess" value="always">

<param name="bgcolor" value="#000000">

<param name="flashvars" value="provider=http&image=http://video.computerbase.de/166.jpg&file=http://video.computerbase.de/166-sd.mp4&plugins=/clientscripts/jwplayer/hd-1.swf,/clientscripts/jwplayer/ova-0.5-rc3-2.swf&skin=/clientscripts/jwplayer/glow/glow.zip?20110613&controlbar=bottom&width=608&height=365&dock=false&hd.file=http://video.computerbase.de/166-hd.mp4&ova.json=%7B%22ads%22%3A%7B%22servers%22%3A%5B%7B%22type%22%3A%22Direct%22%2C%22apiAddress%22%3A%22http%3A%5C%2F%5C%2Fadserver.freenet.de%5C%2Fhtml.ng%5C%2Fsite%3Dcb%26affiliate%3Dcb%26prod%3Dcb_video%26tbl%3Dchannel%26ppos%3D80%26tie%3Dfree%26band%3D256%22%7D%5D%2C%22notice%22%3A%7B%22message%22%3A%22%3Cp%20class%3D%5C%22smalltext%5C%22%20align%3D%5C%22right%5C%22%3EAnzeige%3C%5C%2Fp%3E%22%7D%2C%22clickSign%22%3A%7B%22html%22%3A%22%3Cp%20align%3D%5C%22center%5C%22%3EMehr%20Informationen%3F%20Hier%20klicken!%3C%5C%2Fp%3E%22%7D%2C%22schedule%22%3A%5B%7B%22position%22%3A%22pre-roll%22%7D%5D%7D%7D">
</object>

Sie verwenden also den JW-Player über den ich auch schon gestolpert bin. Gibt es da kostenlose (für kommerziell) Alternativen oder lohnt da die Investition in die Lizenz?

Wie gesagt, eine Möglichkeit ohne Flash wäre mir lieber, aber wenn es nicht geht, dann wäre es super, wenn mich mal jemand aufklären könnte diesbezüglich.

 

[marcelino1703]

Ich kenn mich damit zwar nicht sonderlich aus, aber wie wäre es, wenn du dein Video bei einem Hoster hoch lädst und dann den HTML-Code für den Player in deine Seite einbindest. Sollte nicht sonderlich schwer sein und macht auch keine Probleme. Bei manchen Hostern kannst du sogar die größe des Players aussuchen. Habe es auf meiner Homepage so gemacht und sah wie folgt aus:

</span><br><br></font><script src="http://weapons-of-fate.ucoz.ae/media/?t=video;w=425;h=350;f=http%3A//www.youtube.com/watch%3Fv%3DnM3gINPvHM0" type="text/javascript"></script>

Am Leichtesten geht es auf Youtube, weil du gleich den Einbettungscode bekommst.
Wenn du eine bestimmte Größe für deine Videos brauchst, dann brauchst du nur im ode die w= und h= zu deiner Wunschgröße editieren.

 

[Tumbleweed]

Ja, das würde mir dann vermutlich den Stress mit einem eigenen Player ersparen, allerdings hat man dann eben immer die Verlinkung zu Youtube (bzw. einem anderen Anbieter), obwohl ich die Videos auch problemlos auf meinem eigenen Server hosten könnte. Youtube ist meiner Erfahrung nach für deutsche User nicht immer sonderlich "flüssig".

Ich finds halt erstaunlich, dass sowas Grundlegendes wie die (cross-browser kompatible) Einbettung eines Videos abhängig sein soll von irgendwelchen proprietären Diensten.

 

[marcelino1703]

Meinst du mit Verlinkung im Video oder meinst du das Video in Sinne von verbinden zum Youtubeserver? Bei mir ist es so, dass das Video direkt auf der Homepage eingebunden ist. Sprich: Der Player abreitet direkt auf der Homepage nur dass er das Video vom Youtubeserver entfängt. Aber ich kann mir vorstellen, dass es eine Möglichkeit gibt, dass du einen Player auf deinen Server installieren kannst und mit einem Code diesen mit deinem Video verbinden kannst. Nur ich weiß nicht genau, wie soetwas funktioniert ^^

 

[Backslash]

Vll mit dem JW Player versuchen: http://www.longtailvideo.com/players/jw-flv-player/

 

[ice-breaker]

du wandelst das Video in das "H264" Format um (.mp4), dann kein ein Video-Player wird der jw player (.swf) dieses Abspielen.
Wenn du noch gut bist, bindest du dieses Video dann auch gleich noch in HTML5 ein (für Safari + IE) und erzeugst konvertierst es nochmal in das WebM-Format für alle anderen Browser, die HTML5-Video unterstützen.

Eine gute Anlaufstelle für Cross-Browser Videos auf HTML5 und Fallbacks ist VideoJs[7url]

 

[IceMatrix]

Nimm den JW Player. Die Preise für deren Lizenzen sind geradezu ein Witz für kommerziell.. 59€ pro Website ohne Plugins. Billiger und besser kommst du mit kostenlosem Zeug sicher nicht weg.

 

[Tumbleweed]

Alles klar, dann nehme ich mich dem mal an, danke für die Bestätigungen und Hinweise.