Lokal Abspielen (Festplatte) video-Datei mit dem HTML5-video-tag?

Möchte ich Folgendes erreichen.

<video src="file:///Users/username/folder/video.webm">
</video>

Die Absicht ist, dass der Benutzer in der Lage, wählen Sie eine Datei von seiner Festplatte.

Und der Grund für das hochladen ist natürlich die übertragung der Kosten-und storage-quota. Es gibt keinen Grund, die Datei zu speichern.

Ist es möglich?

Es ist definitiv nicht mit einem Datei-Eingang. Es kann die Arbeit mit HTML5 ondrop, aber ich glaube nicht, dass Sie nutzen können, für einen Datei-upload. Ihre beste Wette wäre wahrscheinlich zu tun eine Chrome-Erweiterung.

InformationsquelleAutor chris | 2012-01-16

  1. 202

    Ist es möglich zu spielen, einen lokalen video-Datei.

    <input type="file" accept="video/*"/>
<video controls autoplay></video>

    Wenn eine Datei ausgewählt ist, die über die input element:

    1. 'change' - Ereignis wird ausgelöst,
    2. Die ersten Datei Objekt aus der input.files FileList
    3. Eine Objekt-URL, verweist auf das File-Objekt
    4. Legen Sie die Objekt-URL, die video.src Eigenschaft

    5. Lehnen Sie sich zurück und beobachten 🙂

    http://jsfiddle.net/dsbonev/cCCZ2/embedded/result,js,html,css/

    Hut ab. Fantastisch!
    +1 internets, feine sir. Genau das, was ich war, nach.
    Pure Awesomeness!
    Dies funktioniert bei mir in chrome auf einem mac. Funktioniert nicht mit safari 6.1
    Sieht aus wie es gibt bekannte Probleme mit safari: stackoverflow.com/questions/19088400/... und bugs.webkit.org/show_bug.cgi?id=101671

    InformationsquelleAutor Dimitar Bonev

  2. 7

    Lief in dieses problem vor einer Weile.
    Website konnte nicht auf video-Datei auf lokalen PC durch Sicherheits-Einstellungen (verständlich eigentlich)
    NUR so konnte ich umgehen, es war nicht ein webserver auf dem lokalen PC (server2Go) und alle Verweise auf die video-Datei aus dem Internet wurden auf den localhost/video.mp4

    <div id="videoDiv">
     <video id="video" src="http://127.0.0.1:4001/videos/<?php $videoFileName?>" width="70%" controls>
    </div>
<!--End videoDiv-->

    Nicht die ideale Lösung, aber für mich gearbeitet.

    Wenn Sie kopieren Sie die Datei in einem cache-Pfad und den Pfad der video-Quelle, wird es spielen. Kopieren Sie die Datei zum Kontext.getExternalCacheDir().getAbsolutePath(). Für mich funktioniert.
    auch kann mit einem beliebigen web-server in den Benutzer-computer wie den apache oder Mungo

    InformationsquelleAutor jcoshea

  3. 7

    Wird nur möglich sein, wenn die HTML-Datei ist auch geladen mit der file Protokoll aus der lokalen Benutzers Festplatte.

    Wenn die HTML-Seite serviert wird per HTTP von einem server, Sie können nicht auf lokale Dateien, indem diese in einem src Attribut mit der file:// - Protokoll, da es bedeuten würde, könnten Sie den Zugriff auf jede Datei auf dem computer des Benutzers, ohne den Benutzer zu wissen, das wäre ein großes Sicherheitsrisiko.

    Als Dimitar Bonev sagte, Sie kann Zugriff auf eine Datei wählt der Benutzer es mit einem Datei-Auswahl auf Ihrem eigenen. Ohne diesen Schritt, ist es verboten, die von allen Browsern aus guten Gründen. So, während Sie seine Antwort beweisen könnte nützlich sein für viele Menschen, es lockert die Anforderung aus dem code in der ursprünglichen Frage.

    Dimitrov Bonev, der die Lösung zeigt diese Lösung falsch zu sein-Sie können den Zugriff auf lokale Dateien über input type=file.
    Gut, seine Lösung funktioniert nur, wenn Sie lassen Sie den Benutzer wählen Sie die Datei zuerst. Sie kann immer noch nicht der name den Pfad zu der Datei in der HTML-Quelle (wie schon in der Frage) und es auf diese Weise zugreifen. So ist seine Lösung ist technisch für eine andere Frage.
    vlc-player auch spielen können jede Datei auf dem computer, aber so es ist auch ein Sicherheitsrisiko. Es kann download von Dateien von unserer Festplatte auf den Server, ohne dass wir es bemerken, wenn Sie möchten, können Sie nicht? Warum also gibt es keine Sicherheits-Risiko? Im schlimmsten Fall werden Sie den Benutzer erlaubt werden kann, zu akzeptieren, manuell ein, wenn er es zulässt-browser, um die Datei wiederzugeben. Denn es gibt Situationen, in denen Benutzer Vertrauen 100% der Seite, weil die Nutzer sind diejenigen, die arbeiten in der gleichen Firma als web-Macher.

    InformationsquelleAutor Holger Just

Schreibe einen Kommentar