Selbstgehostete HTML5-Videos mit neuem eingebauten Mediaplayer auf Webseite abspielen

    Ich habe eine Wordpress 3.6 Installation in der ich gerne ein Video einbinden möchte.
    Am liebsten mit dem eingebauten HTML5-Mediaplayer.
    Dafür hab ich in meine Webseite das entsprechende Video in verschiedene Formate konvertiert (mp4, ogv, webm), und einfach im Beitrag eingebunden:

    Code
    [video width="640" height="360" webm="http://www.domain.tld/wp-content/uploads/Dateiname.webm" mp4="http://www.domain.tld/wp-content/uploads/Dateiname.mp4" ogv="http://www.domain.tld/wp-content/uploads/dateiname.ogv"][/video]

    Das seltsame ist nun, dass das Video in Opera abgespielt werden kann in allen anderen Browsern jedoch nicht.
    Dabei wird der Videoplayer angezeigt (ohne Download-Link) und wenn man das Videostarten will mit einem Klick in den Player oder auf den Startbutton, kommt nur kurz die Ladeanzeige (die drehenden Punkte), dann bricht das Laden ab und der Mediaplayer bleibt schwarz.

    Für Hilfe wäre ich sehr dankbar.

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    HTML5 Video, geht mir auch so

    Hänge mich hier mal dran. Habe das gleiche Problem. Jedes Video allein als Media eingefügt läuft (mit Chrome jedenfalls). Beispiel:

    Code
    [COLOR=#444444][FONT=Georgia][video width="428" height="240" mp4="http://meineurl/wp-content/uploads/2013/08/IMG_0247small.mp4"][/video][/FONT][/COLOR]


    das funktioniert auch mit .ogv und .webm . Jetzt dachte ich mit Fallback sehe das ganze so aus:

    Code
    [COLOR=#444444][FONT=Georgia][video width="428" height="240" 
mp4="http://meineurl/wp-content/uploads/2013/08/IMG_0247small.mp4" [/FONT][/COLOR][COLOR=#444444][FONT=Georgia]ogv="http://meineurl/wp-content/uploads/2013/08/IMG_0247small.ogv" [/FONT][/COLOR][COLOR=#444444][FONT=Georgia]webm="http://meineurl/wp-content/uploads/2013/08/IMG_0247small.webm"[/FONT][/COLOR][COLOR=#444444][FONT=Georgia]]
[/video][/FONT][/COLOR]


    Dann wird allerdings kein Video mehr abgespielt. Habe ich was falsch verstanden?
    Dankbar für jeden Hinweis ist,
    Falorepus

    html5 Video ...jetzt ist es anders

    Habe es jetzt noch mal gemacht (3. Versuch) jetzt läuft es mit chrome,Opera und IE10(kompModus) Firefox geht nicht. Alles aktuelle versionen. Eingefügt wie oben im vorherigen Post beschrieben.
    Dankbar für jeden Hinweis ist,
    Falorepus

    Also ich habe jetzt mal alle Videos einzeln durchprobiert:
    Bei mir hat NUR webm NUR im Opera funktioniert.
    Deswegen vermute ich mal dass ich noch ein Codec-Problem habe. Ich habe meine Dateien aus Bequemlichkeit einfach mit http://www.online-convert.com/ umgewandelt.

    Wenn ich in der Mediathek auf "Bearbeiten" klicke, dann wird mir bei Codec-Informationen für das MPEG4-Video "video/quicktime" angezeigt. Müsste da nicht "h264" oder soetwas stehen?

    Die richtige Endung wäre *.mp4 das die codecinfo "video/quicktime zeigt kann sein. Vielleicht versuchst Du mal den "Freemake Video Converter" (einfach googlen) allerdings bei der Installation aufpassen und nur Benutzerdefiniert auswählen. Da kannst du Videos in einem Rutsch für HTML5 konvertieren lassen, es werden direkt 3 Videos erzeugt,

    Also ich habe die Video-Codecs ausgeschlossen. Ich hatte hier noch ein MediAvatar rumliegen, und hab damit alles umgewandelt.
    Die neuen Dateien funktionieren auch nicht...
    Ich hab jetzt zusätzlich noch verschiedene Plugins getestet. Und es funktioniert kein einziges, so dass ich mittlerweile schon fast darüber nachdenke, dass es nicht unbedingt ein Wordpress-Fehler sondern vielleicht ein Server-Konfigurationsfehler ist.
    Die Frage ist: wie muss ein Server konfiguriert sein, damit das alles reibungslos laufen kann?

    Edith: Um den Server auszuschließen ziehe ich meine Installation einfach kurz in ein lokal installierten XAMPP um.

    Einmal editiert, zuletzt von riek (12. August 2013 um 17:09)

    Ich habe gestern die Wordpress-Installation umgezogen und siehe da es funktioniert.
    Also hab ich den Webserver mit Hilfe eines Eintrags in meiner Hostdatei übers lokale Netzwerk angesprochen (wir hosten eine Seite für unser Unternehmen selbst) und auch da funktioniert Video. Es lag also am HTTP-Proxy der in der Firewall konfiguriert war.

    Falorepus: In meiner lokalen Wordpress-Installation hab ich nun ein bisschen mit den verschiedenen Formaten getestet und dabei ist mir aufgefallen, dass OGV in allen Browsern Probleme macht. Also hab ich ein Fallback ohne OGV und siehe da es funktioniert (sogar in allen Browsern).

    Das Problem ist hiermit gelöst. Wenn in meiner öffentlichen Wordpress-Seite das Video immer noch nicht funktionieren sollte, dann liegt es am HTTP-Proxy.

    riek deine Lösung ohne ogv kann ich nicht nachvollziehen, meine hilft bei mir nicht. Aber ein wichtiger Aspekt war der Webserver, habe in die .htaccess die Videotypen eingetragen:"AddType video/ogg .ogg, AddType video/webm .webm, AddType video/mp4 .mp4" (natürlich untereinander und ohne Komma) jetzt läuft es mit Chrome, Firefox, IE10. Opera funktioniert dafür nicht mehr. Vielleicht hilft es ja trotzdem jemandem.
    Falorepus

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden