Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过视频js中的选择文件播放视频_Javascript_Video.js - Fatal编程技术网

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

Javascript 通过视频js中的选择文件播放视频,javascript,video.js,Javascript,Video.js,我正在reacct应用程序中使用video.js。我想在同一页上有一个选择文件按钮,我想在视频播放器的本地目录中打开一个视频文件。我怎么做?有人能给我一个工作的JSFIDLE吗?如果您想在“选择文件”按钮中添加: <input type="file" id="file" onchange="onFileChange()" /> this.onFileChange = function () { let file = document.getElementById('file')

我正在reacct应用程序中使用video.js。我想在同一页上有一个选择文件按钮,我想在视频播放器的本地目录中打开一个视频文件。我怎么做?有人能给我一个工作的JSFIDLE吗?

如果您想在“选择文件”按钮中添加:

<input type="file" id="file" onchange="onFileChange()" />
this.onFileChange = function () {
  let file = document.getElementById('file');

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