Anzeige

mp4-Video in Xhtml-Datei einbinden?

mp4-Video in Xhtml-Datei einbinden? | PSD-Tutorials.de

Erstellt von 1A_Photoshop, 18.09.2013.

  1. 1A_Photoshop

    1A_Photoshop Nicht mehr ganz neu hier

    Dabei seit:
    06.06.2012
    Beiträge:
    191
    Geschlecht:
    männlich
    Ort:
    Berlin
    Software:
    Photoshop
    Kameratyp:
    Fuji S5 Pro und Canon 600d
    mp4-Video in Xhtml-Datei einbinden?
    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?
     
    #1      
  2. MyBad

    MyBad localhorst

    Dabei seit:
    18.12.2006
    Beiträge:
    1.977
    Geschlecht:
    männlich
    mp4-Video in Xhtml-Datei einbinden?
    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.
     
    #2      
  3. 1A_Photoshop

    1A_Photoshop Nicht mehr ganz neu hier

    Dabei seit:
    06.06.2012
    Beiträge:
    191
    Geschlecht:
    männlich
    Ort:
    Berlin
    Software:
    Photoshop
    Kameratyp:
    Fuji S5 Pro und Canon 600d
    mp4-Video in Xhtml-Datei einbinden?
    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.
     
    #3      
  4. cythux

    cythux Aktives Mitglied

    Dabei seit:
    10.01.2008
    Beiträge:
    1.489
    Geschlecht:
    männlich
    Ort:
    Waimes (Weismes), Belgien
    Software:
    PS CC 2014, Lightroom 5 Aptana Studio 3, ST2/3, SASS+COMPASS
    Kameratyp:
    Canon EOS 1200D
    mp4-Video in Xhtml-Datei einbinden?
    AW: mp4-Video in Xhtml-Datei einbinden?

    Würde Dir aufjedenfall empfehlen, alles auf HTML5 direkt umzusetzen - um später fehler zu vermeiden
     
    #4      
  5. DJ Fotoart

    DJ Fotoart Guest

    mp4-Video in Xhtml-Datei einbinden?
    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
     
    #5      
  6. cythux

    cythux Aktives Mitglied

    Dabei seit:
    10.01.2008
    Beiträge:
    1.489
    Geschlecht:
    männlich
    Ort:
    Waimes (Weismes), Belgien
    Software:
    PS CC 2014, Lightroom 5 Aptana Studio 3, ST2/3, SASS+COMPASS
    Kameratyp:
    Canon EOS 1200D
    mp4-Video in Xhtml-Datei einbinden?
    AW: mp4-Video in Xhtml-Datei einbinden?



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

    Aelfry Web Developer

    Dabei seit:
    17.02.2007
    Beiträge:
    794
    Geschlecht:
    männlich
    Ort:
    Mönchengladbach
    Software:
    CC, SublimeText, Git, Sass, Gulp
    Kameratyp:
    Canon EOS 60D
    mp4-Video in Xhtml-Datei einbinden?
    AW: mp4-Video in Xhtml-Datei einbinden?

    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.
    Code (Text):
    1. <video width="320" height="240" controls>
    2.   <source src="movie.webm" type="video/webm">
    3.   <source src="movie.mp4" type="video/mp4">
    4.   <source src="movie.ogg" type="video/ogg">
    5. Your browser does not support the video tag.
    6. </video>
    Für ältere Browser müsstest du ggf. noch ein Flash Fallback erstellen.
     
    #7      
  8. 1A_Photoshop

    1A_Photoshop Nicht mehr ganz neu hier

    Dabei seit:
    06.06.2012
    Beiträge:
    191
    Geschlecht:
    männlich
    Ort:
    Berlin
    Software:
    Photoshop
    Kameratyp:
    Fuji S5 Pro und Canon 600d
    mp4-Video in Xhtml-Datei einbinden?
    AW: mp4-Video in Xhtml-Datei einbinden?

    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.

    Danke für den Tipp. Ist ein klasse Teil

    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?
     
    Zuletzt bearbeitet: 19.09.2013
    #8      
  9. MyBad

    MyBad localhorst

    Dabei seit:
    18.12.2006
    Beiträge:
    1.977
    Geschlecht:
    männlich
    mp4-Video in Xhtml-Datei einbinden?
    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.
     
    #9      
  10. cythux

    cythux Aktives Mitglied

    Dabei seit:
    10.01.2008
    Beiträge:
    1.489
    Geschlecht:
    männlich
    Ort:
    Waimes (Weismes), Belgien
    Software:
    PS CC 2014, Lightroom 5 Aptana Studio 3, ST2/3, SASS+COMPASS
    Kameratyp:
    Canon EOS 1200D
    mp4-Video in Xhtml-Datei einbinden?
    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.
     
    #10      
  11. 1A_Photoshop

    1A_Photoshop Nicht mehr ganz neu hier

    Dabei seit:
    06.06.2012
    Beiträge:
    191
    Geschlecht:
    männlich
    Ort:
    Berlin
    Software:
    Photoshop
    Kameratyp:
    Fuji S5 Pro und Canon 600d
    mp4-Video in Xhtml-Datei einbinden?
    AW: mp4-Video in Xhtml-Datei einbinden?

    Hab es hinbekommen, vielen Dank an Euch.
     
    #11      
Seobility SEO Tool
x
×
×