How to play video in react js using html video tag

Question

Can somebody explain why my video won't load? The player is displayed, but no video.

class App extends Component {
render(){
 return ( 
<div className="App"> 
<p>hello/p> 
<video width="750" height="500" controls > 
<source src="..Videos/video1.mp4" type="video/mp4"/> </video> </div>
);
}
}

My directory is set up as follows:

Directory React App

I followed the advice and used src="../Videos/video1.mp4", and the outcome was the same.

Comments

include Video1 form "..Videos/video1.mp4"

class App extends Component {
render(){
 return ( 
<div className="App"> 
<p>hello/p> 
<video width="750" height="500" controls > 
<source src={Video1} type="video/mp4"/> </video> </div>
);
}
}

Answer 1

mine is the same, and ive been trying to figure out the error since

Answer 2

This is a solution:


import Video from "..Videos/video1.mp4"

class App extends Component {
render(){
 return ( 
<div className="App"> 
<p>hello/p> 
<video width="750" height="500" controls > 
<source src={Video} type="video/mp4"/> </video> </div>
);
}
}