I have an MP4 video with Codec as shown by VLC as MPEG-4 Video(mp4v). This is the URL of the video. When I add this URL as src of video everything works as expected.

However when I create a blob, it plays only audio. I am creating the Blob like this

URL.createObjectURL(new Blob([response from api], { type: content_type }))
   

and this blob url is used as follows

 <video controls width={640} height={480}>
    <source src={ src } type="video/mp4" />
 </video>

There is another file with H264 - MPEG - 4 AVC(part10)(avc1) and this works as expected with blob also. I wonder if it has something to do with the codecs?, if yes then how does it work when I give a non-blob URL?