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.

NB: This technique only works if the script and image/video are on the same server.Someone came up to me recently with the task of downloading a few video files hosted via OpenLoad. This would prompt the user to save the downloaded image. Finally, we attach the link to the document’s body and trigger a click event on it with JavaScript. We set the download attribute to the name of the image ( sample.png in this case but you can give it any other name).

Then we create an a tag and assign the href attribute with the temporary URL. We specify a response type of blob.createObjectUrl() creates a temporary URL with the response. Here, we’ll be downloading an image so we pass in the URL. Here we are using XHLHttpRequest but you can use fetch or any other http library. In the script section, we define the downloadImage() method. Var imageUrl = urlCreator.createObjectURL(this.response) Var urlCreator = window.URL || window.webkitURL

Download video javascript