Black screen when embedding youtube video
See original GitHub issueHi,
I just integrated react-native-youtube into my project and am seeing just a black background using the example snippet. I am using react-native 0.34.0. Is there something wrong with the snippet?
render() {
return (
<YouTube
ref="youtubePlayer"
videoId="CebcmJKutaQ" // The YouTube video ID
play={true} // control playback of video with true/false
hidden={false} // control visiblity of the entire view
playsInline={true} // control whether the video should play inline
loop={false} // control whether the video should loop when ended
style={{alignSelf: 'stretch', height: 300, backgroundColor: 'black', marginVertical: 10}}
/>
);
}
Issue Analytics
- State:
- Created 7 years ago
- Reactions:3
- Comments:8
Top Results From Across the Web
Resolve Black Screen Issue When Play Videos
Workable solutions fix the “black screen” issue when playing videos · Check the Internet Connectivity · Change Adobe Flash Player Settings · Clear...
Read more >Embed video showing black screen before pushing play
Too bad cause the video itself is clean and nice embedding this way. Only thing is that black screen before pushing play in...
Read more >Fix: Youtube Videos Black Screen - Appuals.com
Solution 2: Clear Browsing data. The cache and history present in your browser can sometimes cause Youtube videos to become black. They may...
Read more >Youtube iframe embedded video not working (black screen)
So I havent' "SOLVED" it but here are a few hints: the issue comes from the 2 -moz-transform on both parent and parent....
Read more >Embedded youtube movies won't play, gives a black screen
Hi all, I have a question, on some (web)sites they have embedded youtube video's normally you can play them or they play automatically...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
<YouTube ref=“youtubePlayer” videoId={this.props.item.id.videoId} // The YouTube video ID apiKey={Config.youtube.apiKey} onReady={(e)=>{}} onChangeState={this._onStateChange} onError={(e)=>{console.log(e);}} onProgress={(e)=>{}} style={[{alignSelf: ‘stretch’, backgroundColor: ‘black’, marginVertical: 10}]} />
@mahyarse unfortunately, I did not. I ended up just using a WebView instead, which suits our current needs: