wake-up-neo.com

Videoformat oder MIME-Typ wird nicht unterstützt

Dies ist der relevante Code zum Ausführen des Videos:

<video id="video" src="videos/clip.mp4" type='video/mp4' controls='controls'>
    Your brwoser doesn't seems to support video tag
</video> 

Dieser Code funktioniert gut, aber wenn Sie versuchen, ihn einzublenden:

function showVideoPlayer(){          
    console.log('video displayed');      
    $("#video").fadeIn('medium');
}

es scheint nicht zu funktionieren und ich habe folgendes bekommen:

enter image description here

Wie Sie sehen können: Video format or MIME type is not supported.

Der Video-Container ist in css versteckt:

#video{
    position:fixed;
    border:solid 1px #000000;
    width:654px;
    height:454px;
    background-color:#FFFFFF;
    left:23%;
    top:11%;
    display:none;
}

Dies ist die Idee, der Videocontainer ist ausgeblendet (display:none). Wenn nötig, rufe ich die Funktion showVideoPlayer auf, um den Videocontainer anzuzeigen. Das funktioniert jedoch nicht und erzeugt diesen Fehler in FireFox und einen leeren Bildschirm in Chrome und IE9.

Verpasse ich etwas ist die fadeIn Funktion scheinbar falsch?

12
Malloc

Firefox unterstützt derzeit das MPEG-Format H.264 (mp4) nicht, da dies philosophisch nicht mit dem Closed-Source-Format des Formats übereinstimmt.

Um Videos in allen Browsern ohne Plugins abzuspielen, müssen Sie mehrere Kopien jedes Videos in unterschiedlichen Formaten hosten. Sie müssen auch eine alternative Form des Tags video verwenden, wie oben in JSFiddle von @TimHayes zu sehen ist. Mozilla behauptet, dass nur mp4 und WebM erforderlich sind, um eine vollständige Abdeckung aller gängigen Browser sicherzustellen. Sie können jedoch die Überschrift Videoformate und Browsersupport auf der HTML5-Videoseite von W3C nachschlagen, um zu erfahren, welcher Browser welche Formate unterstützt.

Es lohnt sich außerdem, die Seite HTML5 Video in Wikipedia zu besuchen, um einen Überblick über die wichtigsten Dateiformate zu erhalten.

Unten ist das entsprechende video-Tag (Sie müssen Ihr Video in den Formaten WebM oder OGG sowie in Ihrem vorhandenen mp4-Format neu codieren):

<video id="video" controls='controls'>
  <source src="videos/clip.mp4" type="video/mp4"/>
  <source src="videos/clip.webm" type="video/webm"/>
  <source src="videos/clip.ogv" type="video/ogg"/>
  Your browser doesn't seem to support the video tag.
</video>

Aktualisiert am 8. November 2013

Der Netzwerkinfrastruktur-Gigant Cisco hat angekündigt, plant, eine Implementierung des H.264-Codecs zu veröffentlichen, und die Lizenzgebühren, die bisher für Mozilla ein Hindernis darstellten, entfallen. Ohne zu tief in die Politik einzutauchen (siehe folgenden Link) Dies ermöglicht Firefox die Unterstützung von H.264 ab "Anfang 2014" . Wie in diesem Link erwähnt, ist dies jedoch mit einem Vorbehalt verbunden. Der H.264-Codec ist nur für Video und wird im Container MPEG-4 am häufigsten mit dem AAC-Audiocodec mit geschlossener Quelle gepaart. Daher funktioniert die Wiedergabe von H.264-Videos. Die Audio-Wiedergabe hängt jedoch davon ab, ob der Endbenutzer den AAC-Codec bereits auf dem Computer installiert hat.

Die lange und knappe davon ist, dass Fortschritte gemacht werden, aber Sie können immer noch mehrere Kodierungen verwenden, ohne ein Plugin zu verwenden.

12
joequincy

In meinem Fall dieser Fehler:

Videoformat oder MIME-Typ wird nicht unterstützt.

Liegt an dem CSP in meinem .htaccess , der das Laden des Inhalts nicht zulässt. Sie können dies überprüfen, indem Sie die Browserkonsole öffnen und die Seite aktualisieren.

Nachdem ich die Domain, die das Video gehostet hatte, im media-src-Teil dieses CSPs hinzugefügt hatte, war die Konsole sauber und das Video wurde ordnungsgemäß geladen. Beispiel:

Content-Security-Policy: default-src 'none'; media-src https://myvideohost.domain; script-src 'self'; style-src 'unsafe-inline' 'self'
0
CPHPython

Für Ubuntu 14.04

Ich habe gerade das Paket Oxideqt-dodecs Entfernt und dann Flash- oder Ubuntu-beschränkte Extras installiert

und du bist gut zu gehen !!

0
user4156791

BEHOBEN!

Ich habe meinen Verstand verloren. Firefox zurücksetzen, abgesicherten Modus ausprobieren, Plugins entfernen, mit Entwicklertools debuggen. Alle waren ohne Erfolg und brachten mich nicht weiter, als ich meine Online-Videos wieder in den normalen Zustand bringen konnte. Dies hat jedoch den Trick perfekt gemacht.

Navigieren Sie in Firefox oder der anderen Firefox-Variante (CyberFox ist hier meine bevorzugte Wahl) einfach zu https://get.Adobe.com/flashplayer/

ÜBERPRÜFEN SIE ZUERST, dass die Website erkannt hat, dass Sie FireFox verwenden, und dass der Flash-Player für Firefox heruntergeladen wurde.

Klicken Sie nicht einfach auf Download. BITTE BEACHTEN SIE BITTE BITTE SICHERN Sie die Migräne und IMMER stellen Sie sicher, dass der mittlere Abschnitt mit der Überschrift "Optionales Angebot:" absolut NICHT GEPRÜFT ist. Diese Option wird standardmäßig überprüft, dh deaktivieren Sie sie vor dem Herunterladen.

Wenn der Download abgeschlossen ist, schließen Sie Firefox. Führen Sie die heruntergeladene Setup-Datei als Administrator aus. Es dauert nur einige Sekunden, bis der Vorgang abgeschlossen ist. Öffnen Sie dann Firefox erneut und versuchen Sie, alles anzuzeigen, was zuvor diesen Fehler ausgelöst hat. Sollte jetzt wieder normal sein.

Genießen!

0
dep