Video einbetten

    Hallo zusammen,


    ich bin völliger Laie, versuche mich trotzdem daran, meine Seite selbst zu programmieren - mitunter freilich auch mittels irgendwo gegoogelter Codes.
    So etwa zur barrierefreien Videoeinbettung. Der Clip ist nun 3fach hinterlegt, läuft aber nirgends.
    Kann mir jemand auf die Sprünge helfen in Sachen Fehlerbehebung?
    http://vonderseelereden.de/bloomsday.html (das ist die Seite!)


    Vielen Dank für jeden Hinweis im Voraus!
    Andi

    Da ist einiges "kaputt".
    Hinweis: preload="preload" ist unnötig. Die Werte sind boolean, also <video preload controls autoplay ...> reichen aus.


    Du hast ein <video> im <video>.

    HTML
    <video id="movie" width="544" height="408" poster="http://vonderseelereden.de/Momentaufnahme.png" autobuffer="autobuffer" preload="" controls="controls">
    <video style="border: 3px solid black;" "border-radius:="" 20px;"="">


    Außerdem siehst Du schon, dass da paar " verdattelt sind.
    Also das 2te <video> weg und den style über die id via CSS .


    Weiterhin:

    HTML
    <source src="http://vonderseelereden.de/bloomsday2.webm" type="video/webm; codecs="vp8, vorbis""/>
      <source src="http://vonderseelereden.de/bloomsday2.ogv" type="video/ogg; codecs="theora, vorbis""/>
      <source src="http://vonderseelereden.de/bloomsday2.mp4"/>


    Hier siehst Du wieder die verdattelten "
    wie zB: type="video/webm; codecs="vp8, vorbis""/>
    Auch die Endung .ogv sollte .ogg heißen. Das .ogg File ist ja erreichbar.


    So sollte das Ganze aussehen: (beachte die einfachen Anführungsstriche bei type)

    HTML
    <source src="bloomsday2.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
      <source src="bloomsday2.webm" type='video/webm; codecs="vp8, vorbis"' />
      <source src="bloomsday2.ogg" type='video/ogg; codecs="theora, vorbis"' />


    Ich glaube aber Du kannst codec="" weglassen.



    Zwecks des objects -> evtl hift Dir das hier:
    http://stackoverflow.com/quest…-a-mp4-movie-into-my-html
    "There is an updated version that is a bit more readable:" --"Video For Everybody"

    Vielen Dank für Deine Hilfe, cotton,


    habe alles hin un her versucht, auch die stackoverflow-Codes, es hat sich auch (also ich die Codecs noch drin hatte) mal kurz unter Firefox etwas getan: statt dass sich gar nichts getan hat, wurde der Clip gesucht (aber als Dauerzustand, ohne Finden, ohne Fehlermeldung).
    Läuft also nach wie vor nicht mit Explorer und nicht mit Firefox (mehr kann ich selbst gar nicht prüfen).


    Schade, aber trotzdem besten Dank für Deine Mühe!

    Geh lanmgsam ran.
    Am besten Du nimmst Dir in Deine Datei ein Bsp von hier: http://www.w3schools.com/html/html5_video.asp (bsp bei "Try it yourself")
    Dann lädst Du Dir am besten mal die Bsp Dateien von dort:
    - http://www.w3schools.com/html/movie.mp4
    - http://www.w3schools.com/html/movie.ogg


    Laut w3 "Video Formats and Browser Support" dürfte das erstmal für HTML5 video reichen.


    Jetzt baust Du erstmal nur den <video> Player ein und testet.
    Wenn alles klappt, dann teste es mit Deinen Dateien.


    Dann kannst Du mit dem <object> weiter machen.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden