我有一个React原生应用程序，我应该在上面播放私人YouTube视频。我很难整合这个功能。我找到了一个解决方案，但它也不起作用。在这里，我从谷歌开发者控制台获得了一个youyube API密钥，然后使用它。下面是我的代码：

import React, { useState, useEffect } from 'react';
import { WebView } from 'react-native-webview';
import { View } from 'react-native';
const YoutubeVideos = () => {
    const [videoUrl, setVideoUrl] = useState('');
    useEffect(() => {
        const fetchVideoUrl = async () => {
            try {
                const apiKey = 'API_KEY';
                const videoId = 'XXXXXXX';

                const response = await fetch(
                    `https://www.googleapis.com/youtube/v3/videos?part=player&id=${videoId}&key=${apiKey}`
                );
                const data = await response.json();
                const fetchedVideoId = data.items[0].id;
                const videoUrl = `https://www.youtube.com/embed/${fetchedVideoId}?autoplay=1&playsinline=1`;
                setVideoUrl(videoUrl);
                console.log("videoUrl: ", videoUrl);
            } catch (error) {
                console.log(error);
            }
        };

        fetchVideoUrl();
    }, []);
    return (
        <View style={{ flex: 1 }}>
            <WebView
                allowsFullscreenVideo={true}
                useWebKit={true}
                source={{ uri: videoUrl }}
            />
        </View>
    )
}
export default YoutubeVideos

但这也是行不通的。我做错什么了吗？是否有其他方法来处理这个问题？或者甚至可以在React Native上播放私人YouTube视频？