Javascript 如何处理本地视频文件

我需要一些帮助来处理reactjs中的本地视频文件。。。无法解决./assets/video.mp4错误。。。想尽一切办法

这背后的想法是制作一个像这样的全屏视频 但是有了Reactjs

video.js

       import React from 'react';

       class Video extends React.Component {
       render(){
          return(
             <div className="myVideo">
                 <video controls autostart autoPlay src={this.props.src} type={this.props.type}/>
            </div>
             )
           }
         }

         export default Video;

从“React”导入React；
类Video.Component{
render（）{
返回(
)
}
}
导出默认视频；

index.js

      import React,{Component} from 'react';
import ReactDOM from 'react-dom';
import Video from './video';
import Robin from './assets/Robin.mp4'

const VIDEO = {
  src:Robin,
  type:'video/mp4'
 };

class App extends Component {
   constructor(props){
     super(props)
     this.state = {
       src: VIDEO.src,
       type:VIDEO.type
     }
   }

   render(){
     return(
       <div>
         <Video src={this.state.src} type={this.state.type}/>
       </div>
     )
   }

}
ReactDOM.render(<App />, document.getElementById('root'));

import React，{Component}来自'React'；
从“react dom”导入react dom；
从“./Video”导入视频；
从“/assets/Robin.mp4”导入Robin
常数视频={
src:Robin，
类型：'video/mp4'
};
类应用程序扩展组件{
建造师（道具）{
超级（道具）
此.state={
src:VIDEO.src，
类型：VIDEO.type
}
}
render（）{
返回(
)
}
}
ReactDOM.render（，document.getElementById（'root'））；

控制台错误：./src/index.js

---

未找到模块：无法解析“C:\Users\sanjs\Desktop\landing video\src”中的“./assets/*.mp4”

可能您有一些拼写错误。这是一个用于导入本地视频的代码，可以正常工作

  import React from "react";
  import "./App.css";
  import Video from "./video.mp4";

  function App() {
    return (
      <div className="App">
          <video controls autostart autoPlay src={Video} type="video/mp4" />
      </div>
    );
  }

  export default App; 

从“React”导入React；
导入“/App.css”；
从“/Video.mp4”导入视频；
函数App（）{
返回(
);
}
导出默认应用程序；

---

我在app.js的同一个目录中导入了我的视频文件。也许这会对你有所帮助。

解决了！问题是文件名“Robin.mp4”和我作为“Robin.mp4”导入，所以我将de filename改为“Robin.mp4”，就是这样

在src目录中创建一个自定义的.d.ts

将此代码粘贴到该文件中

声明模块'*.mp4'{
const src:string；
导出默认src；
}

---

这应该行得通！

是

资产

着陆视频/src的子文件夹或

着陆视频

的子文件夹？如果是后者，您可能需要

。/assets

而不是

/assets

资产是着陆视频/src的子文件夹。如果我从“/assets/Robin.mp4”中删除导入Robin，只需传递指令即可在对象视频中，控制台不会抛出任何错误…但视频不会重现…因此我想知道该文件是否可以在本地处理…因为我已经准备好了视频应用程序，但我使用URL https处理文件…我迷路了，我不知道发生了什么，谢谢