mp4-Video in Xhtml-Datei einbinden?

[1A_Photoshop]

Ich möchte ein Video im mp4-Format (es liegt auch das mov-Format vor) in eine Xhtml-Datei einbinden? Irgendwie bin ich völlig verunsichert, über das was ich alles gelesen hab. Welcher Browser was erkennt oder auch nicht.

Wie macht man das nun am Besten und mit welchem Script?

 

[MyBad]

AW: mp4-Video in Xhtml-Datei einbinden?

Wenn es nicht unbedingt für mobile Endgeräte sein muss, würde ich noch immer auf einen Flashplayer (z. B. jwPlayer) zurückgreifen. Gerade mit den unterschiedlichen Formaten und Codecs ist das sonst ein riesiser Aufwand.

 

[1A_Photoshop]

AW: mp4-Video in Xhtml-Datei einbinden?

Hm, mein Auftraggeber will das aber.
Bin gerade am überlegen, ob ich alles auf Html5 umschreibe.
Aber ich weiß nicht ob der Code

<video id="mein_video" width="320" controls="controls" autobuffer="autobuffer"> <source src="film.mp4" type="video/mp4" /> </video>

über all erkannt wird.

 

[cythux]

AW: mp4-Video in Xhtml-Datei einbinden?

Würde Dir aufjedenfall empfehlen, alles auf HTML5 direkt umzusetzen - um später fehler zu vermeiden

 

[DJ Fotoart]

AW: mp4-Video in Xhtml-Datei einbinden?

Nabend

Wenn du, wie oben angedeutet, zukünftig Probleme vermeiden und diese Videos auch für mobile Endgeräte aufbereiten möchtest, empfehle ich dir einen Konverter der dir die dafür benötigten Dateien aus dem Video rendert und dir zugleich noch den Code für die Webseite liefert.

Ich nutze hierfür "Freemake Video Converter". Der macht seinen Job echt gut.

Mfg

 

[cythux]

AW: mp4-Video in Xhtml-Datei einbinden?

Hm, mein Auftraggeber will das aber.
Bin gerade am überlegen, ob ich alles auf Html5 umschreibe.
Aber ich weiß nicht ob der Code
über all erkannt wird.

http://www.html5rocks.com/de/tutorials/video/basics/ hier sollte einige Fragen dazu beantwortet werden, war zufällig sogar in Deutsch schon übersetzt

 

[Aelfry]

AW: mp4-Video in Xhtml-Datei einbinden?

Bin gerade am überlegen, ob ich alles auf Html5 umschreibe.
Aber ich weiß nicht ob der Code

<video id="mein_video" width="320" controls="controls" autobuffer="autobuffer"> <source src="film.mp4" type="video/mp4" /> </video>

über all erkannt wird.

Natürlich wird das nicht überall erkannt!
Es läuft nur in modernen Browsern, die auch HTML 5 unterstützen.
Und selbst dann gibt es noch das Ärgernis mit den verschiedenen Formaten.
Um sicherzugehen solltest du dein Video in allen drei Formaten bereit stellen.

<video width="320" height="240" controls>
  <source src="movie.webm" type="video/webm">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

Für ältere Browser müsstest du ggf. noch ein Flash Fallback erstellen.

 

[1A_Photoshop]

AW: mp4-Video in Xhtml-Datei einbinden?

Würde Dir aufjedenfall empfehlen, alles auf HTML5 direkt umzusetzen - um später fehler zu vermeiden

Vielen Dank auch für den Link.
Gibt es ein Tool um XHTML in Html5 umzuwandeln? Arbeite mit Dreamweaver. Kann das natürlich per Hand, aber das macht halt mehr Arbeit.

Nabend
Ich nutze hierfür "Freemake Video Converter". Der macht seinen Job echt gut.
Mfg

Danke für den Tipp. Ist ein klasse Teil

Um sicherzugehen solltest du dein Video in allen drei Formaten bereit stellen.

<video width="320" height="240" controls>
  <source src="movie.webm" type="video/webm">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

Für ältere Browser müsstest du ggf. noch ein Flash Fallback erstellen.

Vielen Dank. Wenn ich das mit den drei verschiedenen Dateien mache, können dann auch Ipods und Tablets die Vidoes anzeigen.

Wie musste ein Flash Fallback als Code aussehen, um ihn für alle Fälle einbinden zu können?

 

[MyBad]

AW: mp4-Video in Xhtml-Datei einbinden?

Bei Smartphones und Tablets gibt es noch mehr zu beachten. Ältere iPhones, Androidgeräte und iPads können zum Beispiel nicht mit HD-Videos umgehen oder benötigen einen bestimmten Codec. Aber alle Geräte zu unterstützen ist eh fast ein Ding der Unmöglichkeit.

Für das Flashfallback muss du halt einen Flashvideoplayer einsetzen, sollte der Browser des Nutzers kein HTML5 unterstützen.

Passende Scripte findest du hier: http://diveintohtml5.info/detect.html

Oder du setzt gleich auf die aktuellste Version des jwPlayers. Der hat den Fallback direkt integriert. Habe ich bisher aber noch nicht getestet.

 

[cythux]

AW: mp4-Video in Xhtml-Datei einbinden?

Also ein Tool welches (x)html in HTML5 direkt umwandelt gibt es leider nicht.
Das wirst du wohl per Hand machen müssen, zudem findest du Dich auch besser im
Code Zurecht als dies von irgendeinen Tool machen zu lassen.

Ob du jetzt Dreamweaver nutzen tust oder halt notepad++, Sublime Text 2 oder 3, Aptana und wie sie nicht alle heissen, ist eigentlich egal. Am besten einen Editor nutzen den du gut kennst.

 

[1A_Photoshop]

AW: mp4-Video in Xhtml-Datei einbinden?

Hab es hinbekommen, vielen Dank an Euch.