从本地主机动态加载视频并获取206部分内容

Question

我正在将一个简单的<a th:href="|javascript:change('start','${taskId}')|">堆栈与react一起使用。然后，我从redux动态提取视频位置中的数据，这意味着我需要动态导入视频文件：

google spreadsheet

这也意味着视频资源会在组件渲染后立即加载，但作为一个承诺：

然后将其加载到组件中，并在正确的时间显示视频（以便在元素初始化时，//videoType is the name of the row for videos in the spreadsheet const videoType = 'outVideo'; const videoData = await import(`../../media/${video[videoType]}`); this.setState({[videoType]: videoData.default}); html5标签上有可用的资源：

video

我刚刚从 <div className="outVideo"> {outVideo !== "" && <video ref={this[`outVideo${reference}`]} autoPlay="autoplay" playsInline="playsinline" > <source src={outVideo} type="video/mp4"/> </video> } </div> 个文件切换到800kb个文件，虽然我会记下来，但我很好奇为什么视频只显示为95mb而没有视频：

我的理解是不应该使用206