Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

White flashes when loading youtube vid on iOS

See original GitHub issue

Hi,

I get white flashes when loading youtube videos on iOS, this does not happen on Android. The video starts playing when loaded and everything else is perfect, but the white flashes are still annoying to the users. Didn’t find any other isses that mention this.

The backgroundColor: 'black' styling only seem to affect Android since I tried with ‘red’ and that caused the same, but red flashing on Android and still white flashes on iOS.

Versions: “react-native”: “0.63.4”, “react-native-youtube”: “^2.0.1”,

I suspect I need to do something in xcode…

Issue Analytics

State:
Created 3 years ago
Reactions:5
Comments:5

Top GitHub Comments

1reaction

ws333commented, Apr 7, 2021

@harpreet-appinventiv Thanks for sharing, I will test your suggestion when I get to work on the iOS version again.

1reaction

harpreet-appinventivcommented, Mar 19, 2021

Hi @ws333, Use onReady function to set height of youtube component as below:

<YouTube
        ref={'youtubePlayerRef'}
        apiKey="Your_API_Key"
        videoId={'4SRiBQeC8Rs'}
        onReady={(e) => this.setState({show:true})}
        style={{ height: this.state.show ? 250 : 0,  width:'100%', backgroundColor:'black', borderRadius:10}}
/>