使用JavaScript播放本地视频文件（存储在数据库中的链接）

Question

我有内部服务器中存储的视频文件（链接）列表。我需要使用JavaScript和HTML播放这些视频文件。这是我的代码

<video width="600" id="playVideoPath" controls autoplay></video>

$scope.playVideoFile = function (row) {
    var video = document.getElementById('playVideoPath');
    var source = document.createElement('source');
    source.setAttribute('src', row.filePath);
    video.appendChild(source);
    video.play();
}

但是当我尝试播放文件时浏览器显示以下错误

Answer 1

正如错误所述，您的浏览器不允许访问本地资源（这将是一个巨大的安全风险！只要想想一个网站是否可以读取它想要的任何文件）。

您需要将文件上传并存储在服务器上，或者使用static-server等实用程序托管视频文件。使用静态服务器，您只需安装，运行static-server -p 3000（您几乎可以使用任何端口）视频文件所在的位置（本例中为System Videos），然后您可以通过{ {1}}。