Html video not playing

here is my code for embedding video:

 render() {
    return (
      this.state.value !== 100 ? (  // normal screen
        <div className="frame">
          <div className="center">
            <Counter value={this.state.value} />
            <Button onClick={this.handleClick} />
          </div>
        </div> 
      ) : (
        <video preload="true" src="./resources/horror.mp4" controls width="600" height="auto">
          <source src="./resources/horror.mp4" type="video/mp4" />
        </video>
      )
    )
  }
}

But all I get is :

and here is the file structure:

can somebody please help me out. Thank you