How to use react-native-youtube - 7 common examples
To help you get started, we’ve selected a few react-native-youtube examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
PierreBresson / Thinkerview / app / screens / home / article / index.js View on Github 
_playVideo = video_id => {
YouTubeStandaloneAndroid.playVideo({
apiKey: config.privateKeys.youtube_api_token,
videoId: video_id,
autoplay: true,
startTime: 0
})
.then(() => console.log("Standalone Player Exited"))
.catch(errorMessage => console.error(errorMessage));
};onPress={() => {
YouTubeStandaloneAndroid.playVideo({
apiKey: 'YOUR_API_KEY',
videoId: 'KVZ-P-ZI6W4',
autoplay: true,
lightboxMode: false,
startTime: 124.5,
})
.then(() => {
console.log('Android Standalone Player Finished');
})
.catch(errorMessage => {
this.setState({ error: errorMessage });
});
}}
/>onPress={() => {
YouTubeStandaloneIOS.playVideo('KVZ-P-ZI6W4')
.then(message => {
console.log(message);
})
.catch(errorMessage => {
this.setState({ error: errorMessage });
});
}}
/>onPress={() => {
YouTubeStandaloneAndroid.playPlaylist({
apiKey: 'YOUR_API_KEY',
playlistId: 'PLF797E961509B4EB5',
autoplay: false,
lightboxMode: false,
startIndex: 2,
startTime: 100.5,
})
.then(() => {
console.log('Android Standalone Player Finished');
})
.catch(errorMessage => {
this.setState({ error: errorMessage });
});
}}
/>onPress={() => {
YouTubeStandaloneAndroid.playVideos({
apiKey: 'YOUR_API_KEY',
videoIds: ['HcXNPI-IPPM', 'XXlZfc1TrD0', 'czcjU1w-c6k', 'uMK0prafzw0'],
autoplay: false,
lightboxMode: true,
startIndex: 1,
startTime: 99.5,
})
.then(() => {
console.log('Android Standalone Player Finished');
})
.catch(errorMessage => {
this.setState({ error: errorMessage });
});
}}
/>playYouTubeVideo = () => {
const {link} = this.props;
const videoId = getYouTubeVideoId(link);
const startTime = this.getYouTubeTime(link);
if (Platform.OS === 'ios') {
YouTubeStandaloneIOS.
playVideo(videoId, startTime).
then(this.playYouTubeVideoEnded).
catch(this.playYouTubeVideoError);
} else {
const {googleDeveloperKey} = this.props;
if (googleDeveloperKey) {
YouTubeStandaloneAndroid.playVideo({
apiKey: googleDeveloperKey,
videoId,
autoplay: true,
startTime,
}).catch(this.playYouTubeVideoError);
} else {
Linking.openURL(link);
}
}
};playYouTubeVideo = () => {
const {link} = this.props;
const videoId = getYouTubeVideoId(link);
const startTime = this.getYouTubeTime(link);
if (Platform.OS === 'ios') {
YouTubeStandaloneIOS.
playVideo(videoId, startTime).
then(this.playYouTubeVideoEnded).
catch(this.playYouTubeVideoError);
} else {
const {googleDeveloperKey} = this.props;
if (googleDeveloperKey) {
YouTubeStandaloneAndroid.playVideo({
apiKey: googleDeveloperKey,
videoId,
autoplay: true,
startTime,
}).catch(this.playYouTubeVideoError);
} else {
Linking.openURL(link);
}react-native-youtube
A <YouTube/> component for React Native.
