在世博会项目中嵌入Youtube视频

在世博会项目中嵌入Youtube视频,youtube,expo,Youtube,Expo,我正在尝试将以下youtube视频嵌入世博会项目中: 根据这里找到的答案:我尝试使用以下代码: <WebView style={{flex:1}} javaScriptEnabled={true} source={{uri: 'https://www.youtube.com/embed/mOO5qRjVFLw'}} /> </View> 在某种程度上,当应用程序加载时,我可以看到

我正在尝试将以下youtube视频嵌入世博会项目中:

根据这里找到的答案:我尝试使用以下代码:

<WebView
            style={{flex:1}}
            javaScriptEnabled={true}
            source={{uri: 'https://www.youtube.com/embed/mOO5qRjVFLw'}}
        />
</View>

在某种程度上,当应用程序加载时,我可以看到视频,但当我尝试单击“播放”时,它会说视频不存在(嵌入的url是按照谷歌在此处的说明找到的:)

我还尝试将代码更改为使用youtube提供的完整嵌入,将源代码更改为html,如下所示:

 <WebView
    source={{html: <iframe width="560" height="315"  
         src="https://www.youtube.com/embed/mJ_fkw5j-t0" frameborder="0"    
         allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
        allowfullscreen></iframe>}}
 />

但这也会导致一条我不理解的长错误消息。但是,当我使用其他人的示例嵌入式视频时(原始答案来自之前链接的stackoverflow页面):


这很好,让我相信这是我获得嵌入链接/使用youtube提供给我的东西的方式,但我不太清楚是什么。
任何帮助都将不胜感激


更新:问题似乎出在youtube生成的链接上——我一直在尝试不同的youtube视频,有时嵌入链接有效,有时无效。当它不起作用时,当我尝试直接将嵌入链接粘贴到浏览器中时,它也不起作用;当它起作用时,当我将其粘贴到浏览器中时,它也起作用,因此,这似乎更像是YouTube生成嵌入链接/视频的错误,而不是Expo的问题。

以下是我们在应用程序中嵌入YouTube视频的URL格式。
https://www.youtube.com/embed/“+videoId+”?品牌标识=1&playsinline=1&showinfo=0&rel=0

其中,videoId是youtube视频的唯一标识符。 例如
https://www.youtube.com/watch?v=0lZDDyAgnWs
将是
0lZDDyAgnWs

希望这有帮助

 <WebView
            style={{flex:1}}
            javaScriptEnabled={true}
            source={{uri: 'https://www.youtube.com/embed/ZZ5LpwO-An4?rel=0&autoplay=0&showinfo=0&controls=0'}}
        />