How to Download video tag using JS?

Question

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.

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., May 17 '19 at 15:32
This might help you: https://stackoverflow.com/questions/17311645/download-image-with-javascript — Caleb H., May 17 '19 at 15:34
Why local storage? https://stackoverflow.com/questions/46403706/save-a-video-in-local-storage — Train, May 17 '19 at 15:35
https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage — Caleb H., May 17 '19 at 15:37
I hope your videos are small. Most browsers will not allow more than 10 mb in localstorage — shadow2020, May 17 '19 at 15:38
Possible duplicate of [Mp4 Download causes browser to play file instead of download](https://stackoverflow.com/questions/21091766/mp4-download-causes-browser-to-play-file-instead-of-download) — shadow2020, May 17 '19 at 15:40

ryanpcmcquen · Answer 1 · 2019-05-17T15:45:53.237

5

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

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

edited May 17 '19 at 15:45

answered May 17 '19 at 15:35

ryanpcmcquen

I want to download it the user storage* – Pingo May 17 '19 at 15:36
1

As in, their `Downloads` folder? – Caleb H. May 17 '19 at 15:37
1

@Pingo, I've changed my answer now I know that you are going for user's download folder. – ryanpcmcquen May 17 '19 at 15:46

score 5 · Accepted Answer · answered May 17 '19 at 15:41

5

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();

answered May 17 '19 at 15:41

Achraf

2 Answers2