html5 video wird nicht spielen mp4-Fehler "Ungültige Quelle"?

Ich versuche HTML5-video-tag, und ich heruntergeladen habe, ein Microsoft-Probe und versucht zu laufen, aber eine seltsame Sache ist passiert, und es ist, es spielt video aus einer URL (kommentiert-tag), sondern für die lokale mp4-Datei, die es nicht zeigt Fehler und zeigt die Meldung "Ungültige Quelle"

Hier ist mein code bitte guide mich, was ich tun sollte, um es ausführen lokaler Datei richtig ?

Dank

    <!DOCTYPE html>
<html>
<head>
</head>
<body>
    <!--<video src="http://www.bing.com/az/hprichv/?p=Butterfly_Clipcanvas_223479_EN-US.mp4"
        autoplay loop>
    </video>-->
    <video controls src="hprichv.mp4" width="300" height="200" autoplay loop>
    </video>
</body>
</html>

BEARBEITEN

Web-Seite und video-Dateien im selben Ordner befinden.

  • Ist die lokale Datei spielbar normalerweise in anderen multimedia-Playern?
  • Wahrscheinlich wird zurückgegeben mit dem falschen mime-Typ. Was tun die Antwort-Header sagen, dass beim laden die Datei lokal?
  • ja, es ist gespielt in multimedia-Playern.
  • es läuft noch nicht lokal im web, aber ich kann es im media-player. Ich habe nicht festgelegt, mime-Typ überall infizieren, das ist der ganze code. Wie ich bereits erwähnte seltsame ist, dass die Datei aus der URL gespielt wird.
  • Macht es nicht funktionieren auf allen Browsern? Wenn es funktioniert für einen bestimmten browser, dann bitte angeben dass.
  • es funktionieren nicht in jedem browser.

InformationsquelleAutor user576510 | 2012-12-29
  1. 18

    Ich bin auf Windows 7 Pro. Ich entwickle lokal und dann host/serve aus der Ferne. Versuchen zu laden, lokale mp4-Datei während der Entwicklung lokal lief in dieser identischen situation. Keine Kombination mit localhost/myvideo.mp4-oder 127.0.0.1/myvideo.mp4-oder /aaa/myvideo.mp4 oder myvideo.mp4 im selben Verzeichnis wie die Datei habe Dinge zu arbeiten...aber verweisen auf eine vollständige URL wie http://www.mywebsite.com/myvideo.mp4 haben, wie oben.

    Auf der lokalen Maschine, Chrome zeigt keine Fehlermeldungen...nur zeigt die box in schwarz mit den Kontrollen. Keine Anhaltspunkte, whats up. Umgestiegen auf IE und es zeigte sich die black box steuert und die Fehlermeldung. 'Invalid source'

    Konzentrierte ich mich auf @steveax Frage-und Mime-Typen.

    Stellt sich heraus IIS in dieser version von windows/IIS nicht ein MIME-Typ-setup .mp4. Keine Ahnung, warum nicht...aber nicht.

    Zum hinzufügen von MP4 MIME-type, open Internet Information Services (IIS) - Manager und gehen Sie folgendermaßen vor:

    • Highlight Default Web Site auf der linken Seite;
    • Doppelklicken Sie auf MIME-Typen auf der rechten Seite;
    • Blättern Sie in der Liste und beachten Sie, dass es keine .mp4;
    • Auf der rechten Seite klicken Sie erneut auf Hinzufügen: auf das erste Feld schreiben .mp4 und auf das Feld unten schreiben video/mp4
    • Klicken Sie auf OK und Sie sind fertig.

    IIS neu starten!

    • Tolle Arbeit, funktioniert perfekt. Danke
    • Arbeitete für mich! markiert werden soll, als Antwort
    • Dies ist die richtige Antwort.
    InformationsquelleAutor bryanp
  2. 1

    Ich habe dieses problem und fand, dass der video codec nicht unterstützt wurde.

    Holen Sie sich einen video-Konverter-software (wie Oxelon - es ist kostenlos), und wählen Sie die Ausgabe .mp4 (auch die Quelle ist .mp4). Wählen Sie den video-codec "H264" und audio codec "AAC".
    Dies wird Ihr problem lösen.

    • In meinem Fall hatte ich verwendet ffmpeg zum encodieren ein MP4 mit dem -acodec mp2-flag. Ich ändern Sie diese auf-acodec libvo_aacenc und es funktioniert jetzt. Danke.
    InformationsquelleAutor Omar
  3. 1

    Ich hatte das gleiche problem

    Für Internet Explorer

    Ich FormatFactory verwendet, die Einrichtung für die AAC-Kodierung für audio-und H264 für die Ausgabe für den mp4-format, in "Hohe Qualität und Größe"

    Für Google Chrome

    Konvertierte ich meine original-video auf der webm format Dank Free WebM Video Converter (stellen Sie sicher, deaktivieren Sie alles installieren wollen, anzeigen).

    Es dauerte eine lange Zeit, aber dann hat es geklappt in Chrom.

    <video controls>
  <source src="thevideo.mp4" type="video/mp4">
  <source src="thevideo.webm" type="video/webm">
</video>
    InformationsquelleAutor Mikaël Mayer
  4. 0

    Ich hatte ein ähnliches Problem aber nur mit dem IE 11. Firefox funktioniert Super.

    Auf IE, wenn ich dann auf Kompatibilitätsansicht und fügen Sie "localhost" in die Liste, die box verschwindet ganz.

    InformationsquelleAutor chuck
Schreibe einen Kommentar