Phát tệp video cục bộ (ổ cứng) với thẻ video HTML5?

Tôi muốn đạt được những điều sau đây.

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

Mục đích là người dùng sẽ có thể chọn một tệp từ ổ cứng của mình.

Và lý do không tải lên tất nhiên là chi phí truyền tải và hạn ngạch dung lượng. Sẽ không có lý do gì để lưu tệp.

Có khả thi không?

Có thể phát một tệp video cục bộ.

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

Khi một tệp được chọn thông qua inputphần tử:

1. sự kiện 'thay đổi' được kích hoạt
2. Lấy đối tượng Tệp đầu tiên từ input.files FileList
3. Tạo một URL đối tượng trỏ đến đối tượng Tệp
4. Đặt URL đối tượng thành thuộc video.srctính

5. Dựa lưng và xem :)

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>

Điều đó chỉ có thể thực hiện được nếu tệp HTML cũng được tải bằng filegiao thức từ đĩa cứng của người dùng cục bộ.

Nếu trang HTML được phân phối bởi HTTP từ máy chủ, bạn không thể truy cập bất kỳ tệp cục bộ nào bằng cách chỉ định chúng trong một srcthuộc tính với file://giao thức vì điều đó có nghĩa là bạn có thể truy cập bất kỳ tệp nào trên máy tính của người dùng mà người dùng không biết tệp đó sẽ là rủi ro bảo mật rất lớn.

Như Dimitar Bonev đã nói, bạn có thể truy cập tệp nếu người dùng chọn tệp đó bằng cách sử dụng công cụ chọn tệp của riêng họ. Nếu không có bước đó, nó bị cấm bởi tất cả các trình duyệt vì những lý do chính đáng. Do đó, trong khi câu trả lời của anh ấy có thể hữu ích cho nhiều người, nó làm lỏng yêu cầu so với mã trong câu hỏi ban đầu.

Ran trong vấn đề này một thời gian trước đây. Trang web không thể truy cập tệp video trên PC cục bộ do cài đặt bảo mật (thực sự có thể hiểu được) Cách duy nhất tôi có thể giải quyết vấn đề này là chạy một máy chủ web trên PC cục bộ (server2Go) và tất cả các tham chiếu đến tệp video từ web là 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-->

Không phải là một giải pháp lý tưởng nhưng đã làm việc cho tôi.