有没有办法在 React Native 应用程序上播放 youtube 视频并只显示视频而不是 youtube？

Question

我正在使用 WebView 播放 youtube 视频，但我只想播放视频而不显示它来自 YouTube。我找到了另一个组件，但它只播放以 mp4 结尾的视频链接。谢谢

Answer 1

Youtube 视频的嵌入网址和普通网址不同。

正常: https://www.youtube.com/watch?v=DGQwd1_dpuc

嵌入： https://www.youtube.com/embed/DGQwd1_dpuc

因此，您应该将 'watch?v=' 更改为“/embed/”。

此外，添加 'showinfo=0' 或 'controls=0' 等参数会有帮助。

示例：

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

但您应该知道，Youtube 徽标、标题和一些 ui 元素仍然可见。

有没有办法在 React Native 应用程序上播放 youtube 视频并只显示视频而不是 youtube？

Is there a way to play a youtube video on a React Native App and display just the video not youtube?

youtube

react-native