How To Cache The Video On The Browser And Used The Cached Version Every Time The Video Is Played

i am using a video on my website. The problem is the video gets downloaded every time it is loaded. For eg. When the video loads for the first time the browser downloads the 5.3 mb

Solution 1:

Answered for anyone else that comes across this question.

Chrome has an option to disable the cache while devtools is open. This is set as default to unchecked, i.e normal behaviour.

If you look at the screenshot in the question, you can see in the size column "(from cache)" that although it looks like Chrome is re-downloading the video each time, it is actually getting it from the cache.