RESOLVED DUPLICATE of bug 295518300990
REGRESSION (iOS 26): Video playback fails on PWA after reopening stuck on first frame
https://bugs.webkit.org/show_bug.cgi?id=300990
Summary REGRESSION (iOS 26): Video playback fails on PWA after reopening stuck on fir...
jb.thery
Reported 2025-10-17 09:34:40 PDT
I have observed this issue on iOS PWAs: 1. Add the web app (e.g. TikTok or my own) to the Home Screen (“Add to Home Screen”). 2. Open the PWA for the first time: video playback works correctly. 3. Close the PWA / background it. Then reopen it from Home Screen the video does not restart, it remains stuck on the first frame (or poster image), and does not respond to play. In the case of TikTok, I inspected their video element inside the PWA; here is an example: <video class="" autoplay="" playsinline="" x5-playsinline="true" webkit-playsinline="true" mediatype="video" data-index="-1" data-xgplayerid="…" poster="" preload="auto" src="blob:https://www.tiktok.com/332a067a-652c-4772-a27b-22b8c9abc094" style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:3; object-fit:cover;"> </video> Notably, TikTok uses a blob URL as the video source via JavaScript / buffer, which may help avoid this PWA playback reset issue. Reproduction example (my component from my app workoutgen): <video ref={videoRef} key={video} className="h-screen w-screen sm:w-full bg-black object-cover" style={{ backgroundColor: "#000000" }} src={video} poster={image} preload="metadata" crossOrigin="anonymous" muted loop playsInline autoPlay disablePictureInPicture disableRemotePlayback tabIndex={-1} draggable={false} aria-label={`Video for ${name} exercise`} x-webkit-airplay="deny" webkit-playsinline="true" /> This works fine at first, but after closing and reopening the PWA on iOS, the video will not resume. Additional context and observations: • The bug appears specific to iOS PWAs: after resuming, video playback fails. • Some users mention that clearing Safari’s cache “resets” the playback, hinting at internal caching or state issues. • WebKit bug reports exist about media playback issues in PWAs when an app returns to the foreground (for example, bugs involving getUserMedia() streams). • The difference in using a blob-based video URL (rather than a direct HTTP URL) suggests TikTok may bypass the bug by injecting video via JavaScript/MediaSource. Impact: • Users on iOS may find the PWA unusable after the first session if they cannot watch the video again. • This issue degrades the user experience significantly on iOS devices for apps relying on video content. Suggested investigation / mitigation ideas: • Investigate using blob URLs (e.g. URL.createObjectURL) or MediaSource API to feed the video buffer instead of direct HTTP src. • Add event listeners for visibilitychange or PWA resume, then call video.load() + video.play() or reassign the source. • Force a “reset” of the video source on resume (e.g. set src = "", then reassign, then load() + play()). • Test across multiple iOS 26 versions (e.g. 26.0, 26.0.1, 26.0.2) to confirm the issue is persistent. • Provide a minimal reproduction page (bare HTML + video) to WebKit / Apple for debugging.
Attachments
Alexey Proskuryakov
Comment 1 2025-10-17 17:04:55 PDT
Thank you for the report! Just to clarify, is this is a new issue in iOS 26 that definitely didn't happen in earlier versions?
jb.thery
Comment 2 2025-10-17 20:47:35 PDT
Hello, Yes, this definitely seems to be a new issue introduced in iOS 26, it didn’t happen in earlier versions. I’ve confirmed the behavior using both my own web app and the TikTok PWA (add to home screen): • Videos work fine the first time after adding to the home screen. • But after closing and reopening, playback stops. If it helps, I can share details about my app implementation (React + <video> element) or provide a test URL to reproduce the issue. Happy to help if you need more data or logs. Others users mention this issue on internet : https://discussions.apple.com/thread/256137345?utm_source=chatgpt.com&sortBy=rank
jb.thery
Comment 3 2025-10-17 20:54:54 PDT
Steps to reproduce the bug 1. On an iOS 26 device, open the web version of TikTok in Safari. 2. Use “Add to Home Screen” to install it as a PWA. 3. Launch the app via its Home Screen icon, and play a video. It works as expected. 4. Close (force-quit) the app. 5. Reopen it via the Home Screen icon and navigate to the same video. The video is now stuck / blocked and no longer plays. 6. I reproduced the same behavior in my own web app (PWA) workoutgen.app as well. Let me know if you want me to include media logs, console output, or test files.
Alexey Proskuryakov
Comment 4 2025-10-19 15:12:04 PDT
Thank you for the confirmation! This sounds the same as a couple older bugs that I related, but there is some subtle history which I'll leave to media experts to untangle. And there are also reports of MediaRecorder not working in Home Screen web apps as well.
Radar WebKit Bug Importer
Comment 5 2025-10-24 09:35:11 PDT
Alexey Proskuryakov
Comment 6 2025-10-27 08:56:00 PDT
*** Bug 301484 has been marked as a duplicate of this bug. ***
Sam Sneddon [:gsnedders]
Comment 7 2025-10-27 08:58:39 PDT
*** Bug 300115 has been marked as a duplicate of this bug. ***
b0xed
Comment 8 2025-12-21 07:33:40 PST
I’ve found that when I workaround bug #272325 by forcing a reload to refresh cookies, the video playback in our PWA stops working – the symptoms match bug #300990. Conversely, if I allow the stale cookies to persist, videos play normally. This suggests that the cookie reset bug and the video freeze bug might share a root cause.
Alexey Proskuryakov
Comment 9 2025-12-26 11:13:27 PST
This has been determined to be the same as bug 295518, which is fixed in iOS 26.2. Please let us know if you are still experiencing this issue. *** This bug has been marked as a duplicate of bug 295518 ***
Note You need to log in before you can comment on or make changes to this bug.