[Vuejs]-When trying to download certain video it redirects to a new URL and the video starts to play. "disposable content type" is not received from server

by

1👍

"…But I am only able to download the link of the video, not the video."

I don’t use VueJS but I suspect this.src_url is just text of the path to video URL.

In HTML5 you can only download those files that exist on your server. If the file is external then you need a PHP script (on same server as your HTML file) to read those external bytes back into your JS buffer array.

const blob = new Blob([this.src_url], { type: 'video/mp4' })

Should be:

let myBytes = //# update variable with data result of reading files bytes
let myBlob = new Blob(  [ Uint8Array.from( myBytes ) ] , {type: "application/octet-stream"} );

Where the bytes reading can be done with FileReader API or Fetch API.

When you can read a file’s bytes into an Array using VueJS then your problem is solved.

👤VC.One

Leave a comment