OpenLoad is fetching the source video URL after you press play, so it’s not as easy as fetching the video’s source code and parsing the link, because it doesn’t exist initially, it’s obfuscated into the JS code.

The Problemĭevelopers that don’t want other people to be able to easily download their videos usually protect their content by obfuscating the code or loading it over JS. Nevertheless, the process of programmatically (headless) downloading files loaded with VideoJS, as is the case for OpenLoad, is pretty interesting, so I thought I should share my approach. The files belonged to them, and OpenLoad has an API designed for this, but I didn’t find out about it until it was too late. Someone came up to me recently with the task of downloading a few video files hosted via OpenLoad. const download = ( path, filename ) => ). This method is especially helpful for dynamically generated file URLs. The idea is to programmatically create an anchor link, and then trigger the click event. However, the download attribute only works in modern browsers. You do not even need JavaScript for this since it is part of HTML DOM. Download PDF Īs you can see above, the download attribute is the easiest way to download a file on the browser. If the value is not provided, the original filename is used.

You can also specify an optional value for the download attribute to be used as a file name once it is downloaded. It informs the browser to download the requested URL instead of navigating to it. The download attribute was added to the anchor element in HTML 5. You can either use the anchor's download attribute or programmatically create an object URL in JavaScript. There are multiple ways available to download a file in JavaScript.

Download video javascript