play a blob video file

Question

imagine i have a video file and i want to build a blob URL from that file then play it in a html page, so far i tried this but i could not make it work ...

var files = URL.createObjectURL(new Blob([someVideoFile], {type: "video/mp4"}));
document.getElementById(videoId).setAttribute("src", files);//video tag id
document.getElementById(videoPlayer).load();//this is source tag id
document.getElementById(videoPlayer).play();//this is source tag id

it gives me a blob URL but wont play the video... am i doing something wrong? i am pretty new to electron so excuse me if my code is not good enough

i saw the similar questions mentioned in comments but they dont work for me as they dont work for others in those pages....

Does this answer your question? [Display a video from a Blob Javascript](https://stackoverflow.com/questions/14317179/display-a-video-from-a-blob-javascript) — youssef ali, Dec 02 '19 at 07:14
https://stackoverflow.com/questions/14317179/display-a-video-from-a-blob-javascript duplicate — youssef ali, Dec 02 '19 at 07:14
@youssefali thats exactly my code, which does not work... my question is why its not working .... thanks for the comment anyway — fardad, Dec 02 '19 at 07:30
What does "doesn't work" mean? Any errors? How does the page behave? — Jonas Wilms, Dec 02 '19 at 09:03
@JonasWilms it gives me no errors... just does not load the video, this is what i get in my source tag : — fardad, Dec 02 '19 at 09:12
@JonasWilms everything on page works fine excepts video and i dont see any errors in console — fardad, Dec 02 '19 at 09:13
@JonasWilms so whats the problem? what do u mean by too short? — fardad, Dec 02 '19 at 09:13
The Blob constructor takes the data itself, but you gave it a file name "E:\nodeJs\test\app\downloads\clips\test.mp4". — mark4o, Dec 02 '19 at 09:31
@mark4o so whats the solution? what should i provide as first argument for Blob? — fardad, Dec 02 '19 at 09:36

score 0 · Answer 1 · answered Jun 14 '21 at 15:40

0

Try

 video.src = window.URL.createObjectURL(vid);

For more details please refer to this answer

answered Jun 14 '21 at 15:40

mayank1513

8,767
6
37
99

play a blob video file

1 Answers1