HTML 5 Video einbinden klappt nicht

  • Heyho,
    Bei mir klappt das Video einbinden nicht wie gewollt.


    Ich habe die Videos zu .ogv, .webm, und .mp4 konvertiert und per

    HTML
    <video controls="controls" width="640" height="360">
    <source src="XXX.ogv" type='video/ogg; codecs="theora, vorbis"'/>
    <source src="XXX.webm" type='video/webm' />
    <source src="XXX.mp4" type='video/mp4' />
    <p>Leider unterst&uuml;tzt ihr Browser keine HTML 5 Videoeinbindung.<br />
    Sie k&ouml;nnen das Video hier downloaden: </p>
    </video>


    eingebunden. Die Pfade stimmen, macht man Rechtsklick >> "Video anzeigen" wird einem das .webm-Video als Speichermöglichkeit gegeben.
    Es kommt bei FF allerdings die Fehlermeldung

    Zitat

    Kein Video mit unterstütztem Format und MIME-Typ gefunden.


    Der lädt ja auch das webm, obwohl ogv zuerst da steht. Liegts am Mimetype?

  • Hallo vielen Dank für die Antworten!
    Habe im html head folgendes eingegeben:


    !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5 //DE EN"
    html lang
    head


    meta http-equiv= "content-type" content="text/html; charset=ISO-8859-1" AddType= "video/ogg .ogg" AddType= "video/mp4 .mp4"



    Leider immer noch kein Ton auf safari mountain lion vom Server aus geöffnet


    Grüße


    PS. Die Spitzen, sich öffnenden und schliessenden Klammern sind hier nicht eingegeben weil dann der Zugriff verweigert wird

  • FireFox kann glaube ich nur *.ogg (Video-Format).
    PS: "XXX", was verbirgt sich da denn wohl nur hinter diesem Filmchen? ;)


    Erstens ist .ogg einfach .ogv ohne Bild.
    Und zweitens verbirgt sich hinter den XXX einfach nur videos/holland2010/Hollandfahrt-2010.endung, was eine Hollandfahrt meines Pfadfinderstammes war. Das wollte ich nur nicht alles hinschreiben. ;)

    was man vll machen muss wo ich denke das hat vll nicht jeder provider so eingesteellt


    AddType video/ogg .ogv
    AddType video/mp4 .mp4
    AddType video/webm .webm


    damit der brower das dann am MIME-Typ erkennt was das für ein Video ist...


    Steht dafür nicht das <source type="..." />?

  • welchem Attribut
    soll der AddType= "video/ogg .ogg" AddType= "video/mp4 .mp4" zugeordnet werden?



    folglich geschrieben:
    meta http-equiv= "AddType= video/ogg .ogg"
    kommt beim validieren eine Fehlermeldung.

  • welchem Attribut
    soll der AddType= "video/ogg .ogg" AddType= "video/mp4 .mp4" zugeordnet werden?



    folglich geschrieben:
    meta http-equiv= "AddType= video/ogg .ogg"
    kommt beim validieren eine Fehlermeldung.


    Du brauchst

    Code
    AddType video/ogg .ogv

    Und das kommt so in eine .htaccess-Datei im Wurzelverzeichnis.


    Dadurch glaubt der Server auch, dass der Endung .ogv der Mimetype video/ogg zugeordnet werden soll. Wenn du schreibst

    HTML
    <video>
        <source src="*.ogv" type="video/ogg" />
    </video

    kann es nämlich trotzdem offenbar vorkommen, dass der Server dir das nicht glaubt. Klappt aber mit AddTpe im .htaccess wunderbar. Danke Roland!


    @ otrebor: Bei deinem Bsp. IST AddType="..." ein Attribut, dass zugeordnet wird ;)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!