Video is showing but not playing

I am currently importing my mp4 video like this

import CatVideo from '../../../../../assets/videos/placeholder.mp4'

and then displaying it like this

   <RightContainer>
            <Video src={CatVideo} width="100%" height="100%" controls>
                <source src={CatVideo} type="video/mp4" />
            </Video>
   </RightContainer>

I can see my video in the page and can fast forward. When I click the play button the active state changes but the video does not play and remains on the part you have fast forwarded to.