javascript - How to Download video tag using JS?

I have a link that I want to download the video from.

<video name="media">
 <source src="" type="video/mp4">
</video>

I want to be able to download the vid to the user storage using javascript.

I have a link that I want to download the video from.

<video name="media">
 <source src="https://foo.bar" type="video/mp4">
</video>

I want to be able to download the vid to the user storage using javascript.

Share Improve this question edited May 17, 2019 at 15:37 asked May 17, 2019 at 15:30 Pingo 5332 gold badges5 silver badges8 bronze badges

Are you saying you want to download the video from someone else's website in order to play it, or that you want to download it to the user's computer? – Caleb H. Commented May 17, 2019 at 15:32
to the user's computer – Pingo Commented May 17, 2019 at 15:32
This might help you: stackoverflow.com/questions/17311645/… – Caleb H. Commented May 17, 2019 at 15:34
Why local storage? stackoverflow.com/questions/46403706/… – Train Commented May 17, 2019 at 15:35
Or are you wanting to store the video in localStorage? – Caleb H. Commented May 17, 2019 at 15:36

| Show 4 more comments

2 Answers 2

Sorted by: Reset to default 7

Just add an anchor tag with the same link and a download attribute:

<a href="https://foo.bar" download>
    Download Me!
</a>

Since you have the link, you can trigger it manually.

var a = $("<a>")
    .attr("href", "LINK HERE")
    .attr("download", "vid.mp4")
    .appendTo("body");

a[0].click();

a.remove();