Bug 243519

We are receiving below AbortError when playing video element on turning video based on a user gesture (click). The below bug was filed but is still not fixed in iOS 15.6 as well as macOS 12.4 Safari 15.6. I have not tested the technology preview though.
https://bugs.webkit.org/show_bug.cgi?id=241152

To workaround the above bug we added below code when a video stream is attached to video element's srcObject and the video element needs to be played:
```
// In Safari, a hidden video element can show a black screen.
// See https://bugs.webkit.org/show_bug.cgi?id=241152 for more information.
if (requiresVideoPlayWorkaround() && videoElement.paused) {
  videoElement.play();
}
```


Now, the workaround has started giving us the AbortError:
Detailed Error:
[Error] Fatal error: this was going to be caught, but should not have been thrown. – AbortError: The operation was aborted.
AbortError: The operation was aborted.
    fatal (Prod:2:986193)
    fatal
    (anonymous function) (Prod:2:985999)
[Log] [DEMO] AbortError: The operation was aborted. (Prod, line 2)
[Error] Unhandled Promise Rejection: AbortError: The operation was aborted.
    (anonymous function)
    rejectPromise

From trial and error I came to know if I comment out the videoElement.play() or our workaround then we do not run into AbortError, but, then the earlier black video bug is reproducible again when remote attendees are in meeting over a WebRTC peerconnection.

System tested on:
iOS 15.6 Safari
macOS 12.4 Safari 15.5


The codepath runs on a user gesture which is a button click from user.

Per suggestion in the resolved bug, I tried wrapping the srcObject setting inside a IntersectionObserver, but still get the AbortError:
const callback: IntersectionObserverCallback = (entries: IntersectionObserverEntry[]) => { 
  if(entries[0].isIntersecting) {
    if (videoElement.srcObject !== videoStream) {
      videoElement.srcObject = videoStream;
      // In Safari, a hidden video element can show a black screen.
      // See https://bugs.webkit.org/show_bug.cgi?id=241152 for more information.
      if (new DefaultBrowserBehavior().requiresVideoPlayWorkaround() && videoElement.paused) {
        videoElement.play();
      }
    }
  }
};

if (!!window.IntersectionObserver) {
  const observer = new IntersectionObserver(callback);
  observer.observe(videoElement);
}

This bug is resolved fix now:
https://bugs.webkit.org/show_bug.cgi?id=241152

Could you please help us here? Or is the bug resolved and yet not released in Safari?