I have a blobUrl and i am trying window.open(url), window.location.replace(url), setting it as the src of an iframe, and a video, but none of these methods are able to fetch the blob url on mobile browsers when its a video. So far I tried chrome and safari. It works on desktop browsers. I thought it was a large blob size issue, but then I tried doing the same thing with images larger then the video, and it worked properly for the image/* files. Also I should mention that I am doing this on user interaction.

window.open(videoBlobUrl); // not working, as well as with iframes and video elements

This is a screen grab of the window that I opened the blob url in.