// Request the video using a new XMLHttpRequest() with the 

// responseType set to blob.

var xhr = new XMLHttpRequest();

xhr.responseType = 'blob';



xhr.onload = function(){

    var reader = new FileReader();

  

    reader.onloadend = function(){

        // Pass this string to atob to decode the base-64 encoded string to a string 

        // representing each byte of binary data.

        var byteCharacters = atob(reader.result.slice(reader.result.indexOf(',') + 1));

        

        // Now you can create an array of byte values using charCodeAt and looping 

        // over the byte string.

        var byteNumbers = new Array(byteCharacters.length);

        for(var i = 0; i < byteCharacters.length; i++){

            byteNumbers[i] = byteCharacters.charCodeAt(i);

        }



        // Pass the resulting array to Uint8Array to create a typed array of 

        // 8-bit, unsigned integers. 

        var byteArray = new Uint8Array(byteNumbers);



        // This can then can be passed to the Blob constructor.

        var blob = new Blob([byteArray], {type: 'video/ogg'});



        // Now that you have a blob, you can pass it to the createObjectURL method.

        var url = URL.createObjectURL(blob);

    

        // The resulting URL can be attached to the src attribute of your video.

        document.getElementById('video').src = url;

    }

  

    // Pass the response to the FileReader using readAsDataURL.

    // This will give you a base-64 encoded string representation of the file.

    reader.readAsDataURL(xhr.response);

};



xhr.open('GET', 'https://upload.wikimedia.org/wikipedia/commons/c/c0/Roaring_Burps.ogg');

xhr.send();

<video controls= id=video></video>