在React Native Webview中嵌入youtube视频

Question

我正在尝试在react原生Android/iOS应用程序中播放Youtube视频。我定义了一个WebView：

               <WebView
                    style={styles.frame}
                    url={this.props.url}
                    renderLoading={this.renderLoading}
                    renderError={this.renderError}
                    automaticallyAdjustContentInsets={false}
                />

并传递我要播放的视频的url：

this.navigate('Play', 'https://www.youtube.com/watch?v=RJa4kG1N3d0')

但这将在webview中显示整个youtube页面，包括评论部分。

Answer 1

在React本机iOS设备中嵌入YouTube的最简单方法是使用 。您需要做的只是将watch？v=替换为embed。这在Android上是行不通的。

示例：

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