Blob URLs not Working on iOS 17.4.1

Hi Apple Team,

We have a PWA which supports downloading and playback for audio and video content. Downloaded content is stored in IndexedDB in the form of blobs and blob URLs are generated on runtime through which content is played.

We have observed that the blob URLs have stopped working on iOS 17.4.1. They work on iOS 17.4 and iOS 17.3 as well.

This feature is very critical for us as it is the heart of the offline mode of the app.

Thanks!

This is fixed in iOS 17.5 beta, if you could try and confirm it would be great.

A workaround for now is to set the blob URL in a <source> rather than the src attribute.

Like so:

<video>
  <source type="video/mp4" src="blob:http://localhost/a40b716c-c99e-495d-8fe4-f22bcbe82a89">
</video>

in JS that would be:

  // Set up video
  const video = document.createElement("video");
  // Show default video controls.
  video.controls = true;
  // Set child in source attribute
  const videoSource1 = document.createElement('source');
  videoSource1.type = 'video/mp4' ;
  videoSource1.src = URL.createObjectURL(blob);
  video.appendChild(videoSource1) ;

This version ios 17.6.1 also happened.

I need help

I use this code don't work

<video>
  <source type="video/mp4" src="blob:http://localhost/a40b716c-c99e-495d-8fe4-f22bcbe82a89">
</video>
Blob URLs not Working on iOS 17.4.1
 
 
Q