Please link Styles.css to app.jsx globaly in your project then:

import { useEffect, useRef, useState } from "react"; import VideoPlayerContoroler from 'awesomeplayer'

const VideoPlayer = () => {

const videoRef = useRef(null)

return (

  <div style={{ width: "100%", height: "90%",position:"relative" }} >
    <VideoPlayerContoroler target={videoRef.current}/>
   

    <video
    
    ref={videoRef}
      style={{ width: "100%", height: "100%",borderRadius:10 ,objectFit:"cover"}}
        
     
    
  
    >
      <source src={`your video url`} />
       
    </video>
  </div>

); }; export default VideoPlayer;