Bug 265858 – Video Stream Flicker on iOS 17

• Status: RESOLVED
• Resolution: CONFIGURATION CHANGED
• Component: Media

[Rohit]

Created attachment 468885 [details]
Video illustrates the flickering issue occurring during device orientation changes, on iOS 17

Experiencing a video stream flicker issue on iOS 17 (Safari and Chrome) when the video element size changes, specifically during device rotation.

Key details include:

Affected Browsers:
  - Safari (Version: iOS 17+)
  - Chrome (Version: iOS 17+)

Affected Platforms:
  - iOS 17

Video Source:
  - Issue specific to video stream data, not observed with a direct MP4 URL.

CSS Property:
  - Issue more prominent when objectFit property is set to cover.

Steps to Reproduce
  - Open the https://rohit-kadam-springct.github.io/ios17-video-stream-jumping-issue on an iOS 17 device.
  - Rotate the device (change orientation) and Observe video stream.

Expected Behavior
  Video stream should smoothly adapt to changing container size without flickering.

Actual Behavior
  Video stream exhibits flickering during container size changes, especially during device rotation.

Reference
Link - https://rohit-kadam-springct.github.io/ios17-video-stream-jumping-issue
Video Link - https://rohit-kadam-springct.github.io/ios17-video-stream-jumping-issue/resources/ios17-video-stream-jumping-issue.mp4
Demo code - https://github.com/rohit-kadam-springct/ios17-video-stream-jumping-issue/blob/main/index.html

[Alexey Proskuryakov]

Thank you for the report! Just to be on the same page, have you positively confirmed that this does not affect iOS 16, or did you only test iOS 17?

Same issue since iOS 17; resizing a video element causes the video frames to resize before going back to normal (width and height of the element seem to be ignored)

[Rohit]

(In reply to Alexey Proskuryakov from comment #1)
> Thank you for the report! Just to be on the same page, have you positively
> confirmed that this does not affect iOS 16, or did you only test iOS 17?

Yes, I have conducted tests on iOS 16 using BrowserStack, and I can confirm that there is no flickering issue on iOS 16. The flickering problem is specifically observed on iOS 17+

[Radar WebKit Bug Importer]

<rdar://problem/119513270>

[youenn fablet]

Could you try the latest iOS 17.4 release?
Several flickering issues were fixed, especially https://bugs.webkit.org/show_bug.cgi?id=259364.