HTML5 video etiketi ile yerel (sabit sürücü) video dosyası oynatılsın mı?

Aşağıdakileri başarmak istiyorum.

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

Amaç, kullanıcının sabit diskinden bir dosya seçebilmesidir.

Ve yüklememenin nedeni elbette iletim maliyetleri ve depolama kotasıdır. Dosyayı kaydetmek için hiçbir sebep olmayacak.

Mümkün mü?

Yerel bir video dosyası oynatmak mümkündür.

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

inputÖğe aracılığıyla bir dosya seçildiğinde :

1. 'değiştirme' olayı tetiklendi
2. FileList'ten ilk File nesnesini alıninput.files
3. File nesnesine işaret eden bir nesne URL'si oluşturun
4. Nesne URL'sini video.srcözelliğe ayarlayın

5. Arkana yaslan ve izle :)

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

(function localFileVideoPlayer() {
  'use strict'
  var URL = window.URL || window.webkitURL
  var displayMessage = function(message, isError) {
    var element = document.querySelector('#message')
    element.innerHTML = message
    element.className = isError ? 'error' : 'info'
  }
  var playSelectedFile = function(event) {
    var file = this.files[0]
    var type = file.type
    var videoNode = document.querySelector('video')
    var canPlay = videoNode.canPlayType(type)
    if (canPlay === '') canPlay = 'no'
    var message = 'Can play type "' + type + '": ' + canPlay
    var isError = canPlay === 'no'
    displayMessage(message, isError)

    if (isError) {
      return
    }

    var fileURL = URL.createObjectURL(file)
    videoNode.src = fileURL
  }
  var inputNode = document.querySelector('input')
  inputNode.addEventListener('change', playSelectedFile, false)
})()

video,
input {
  display: block;
}

input {
  width: 100%;
}

.info {
  background-color: aqua;
}

.error {
  background-color: red;
  color: white;
}

<h1>HTML5 local video file player example</h1>
<div id="message"></div>
<input type="file" accept="video/*" />
<video controls autoplay></video>

Bu, ancak HTML dosyası da fileyerel kullanıcının sabit diskinden protokolle yüklenmişse mümkün olacaktır .

HTML sayfası bir sunucudan HTTP tarafından sunuluyorsa, herhangi bir yerel dosyaya, bunları bir srcöznitelikte belirterek erişemezsiniz .file:// protokolle ; bu, kullanıcının bilgisayarındaki herhangi bir dosyaya, kullanıcının hangisinin bir büyük güvenlik riski.

Dimitar Bonev dediği gibi, olabilir kullanıcının kendi başlarına bir dosya seçici kullanarak seçerse bir dosyaya erişmek. Bu adım olmadan, iyi nedenlerle tüm tarayıcılar tarafından yasaklanmıştır. Bu nedenle, cevabı birçok kişi için yararlı olsa da, orijinal sorudaki kodun gerekliliğini gevşetir.

Bu problemle bir süre önce karşılaştım. Güvenlik ayarları nedeniyle web sitesi yerel bilgisayardaki video dosyasına erişemedi (gerçekten anlaşılabilir) YALNIZCA etrafından dolaşabilmemin yolu, yerel bilgisayarda (sunucu2Go) bir web sunucusu çalıştırmak ve web'den video dosyasına yapılan tüm referanslar 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-->

İdeal bir çözüm değil ama benim için çalıştı.