通过视频js中的选择文件播放视频

Question

我在我的反应应用程序中使用video.js。我想在同一页面上有一个选择文件按钮，我想从视频播放器中的本地目录打开一个视频文件。我该怎么做？有人可以给我一个工作的jsfiddle吗？

Answer 1

如果您想要选择文件按钮，只需添加：

<input type="file" id="file" onchange="onFileChange()" />

然后在video.js中设置你的src

this.onFileChange = function () {
  let file = document.getElementById('file');

  let video = videojs("video"); // Ref to your video el
  video.src(file.value);
};