search

apivideo / api.video-reactnative-player

React Native video player
https://api.video
MIT License
17 stars 2 forks source link

[Bug]: autoplay=true on iOS results in blacked-out screen in full-screen mode on physical iPhone #16

Open nel-sam opened 1 year ago

nel-sam commented 1 year ago

Version

1.0.1

Environment that reproduces the issue

Device: iPhone 12 Pro Max OS: iOS 16.3.1

NOTE: The bug is does not reproduce on Simulator. You must use a physical iPhone device to reproduce it. Our Android implementation works fine, so I know it is setup correctly.

Is it reproducible in the example application?

It reproduces on a freshly created project with nothing added other than the ApiVideoPlayer component

Reproduction steps

Setup ApiVideoPlayer within React Native View as shown below


<ApiVideoPlayer
  ref={r => (ref = r)}
  videoId={ad.videoId}
  autoplay={true} // This causes the bug
/>

When that page loads, the video thumbnail/preview is visible. A fullscreen video player loads but is all black (no video is actually playing in fullscreen viewer). Audio is audible in the background. When you close the fullscreen video viewer the audio stops playing and the video thumbnail is still visible. This started happening recently, possible as of iOS 15, but definitely as of iOS 16. When I originally implemented the page the player worked as expected.

You must use a physical iPhone device to reproduce it.

Expected result

Video should either not full screen at all and remain in specific View/container, or if it must fullscreen it should at least properly display the video.

Actual result

A fullscreen video player appears but no video is displayed.

Additional context

No response

Relevant logs output

originator doesn't have entitlement com.apple.runningboard.assertions.webkit AND originator doesn't have entitlement com.apple.multitasking.systemappassertions