时间戳

首页 > 解决方案 > 有没有办法在 React Native App 上播放 youtube 视频并只显示视频而不是 youtube？

react-native - 有没有办法在 React Native App 上播放 youtube 视频并只显示视频而不是 youtube？

问题描述

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

标签： react-nativeyoutube

解决方案

Youtube 视频的嵌入和普通 url 是不同的。

正常： 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 元素仍然是可见的。

推荐阅读