Video is not playing if not fullscreen

I am facing this weird issue, my youtube videos are not playing if the fullscreen is set to false. But if I set it to true, then it works fine. I dont need the full screen. Following is my code

`{this.state.showYoutube &&

    <YouTube
        apiKey="MY-YOUTUBE-API-KEY"
        videoId={this.state.videoId}   // The YouTube video ID
        play={false}             // control playback of video with true/false
        fullscreen={false}       // control whether the video should play in fullscreen or inline
        loop={false}             // control whether the video should loop when ended

        //onReady={e => this.setState({ isReady: true })}
        //onChangeState={e => this.setState({ status: e.state })}
        //onChangeQuality={e => this.setState({ quality: e.quality })}
        //onError={e => this.setState({error: e.error})}
        onError={e => console.log(e.error)}

        style={{alignSelf: 'stretch', height: 300}}
    />

}`

if this.state.showYoutube is set to true then Youtube will be shown and the videoId is set after an api call,

I have used height and removed native base drawer after facing overlaying issue. Then it was working.

But now it is not working again, please tell me what I am doing wrong.

[hack-and-backslash]

Yeah, it was a react-navigation related issue, caused by ‘createBottomTabNavigator’ that I was using. I switched to “react-navigation”: “2.18.2”. Which in turn needed me to remove ‘createAppContainer’ call from my main nav setup and return my nav simply without the AppContainer. It worked!

Thanks.

[monicse09ku]

Did you use it as a component and called it in any view? If you did make sure that in that view there is no overlay on it. Cant find anything wrong in this code.

Another thing is your error summary. It clearly says about an overlay. So you must have it somewhere.