在 react-native-video 中播放 youtube 视频

Question

我如何在 react-native-video 上播放 youtube 视频，

我不想在 react-native-youtube 或 webview 中播放视频，

原文由 Vijay Kahar 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我检查并使用的另一个选项是 WebView。要使用它，请确保将组件放在带有 flex 的视图中。前任：

 <View style={{flex: 1}}>
    <WebView
        style={ {  marginTop: (Platform.OS == 'ios') ? 20 : 0,} }
        javaScriptEnabled={true}
        domStorageEnabled={true}
        source={{uri: 'https://www.youtube.com/embed/'+this.state.pictureData.idVideo }}
    />
</View>

就我而言，我所做的是获取 YouTube 视频的识别部分，例如： https ://www.youtube.com/watch?v= KQ6zr6kCPj8

this.state.pictureData.idVideo 将仅包含：KQ6zr6kCPj8

要使用它安装：

1. $ npm install –save react-native-webview
2. 链接 react-native-webview

如果您想了解更多信息： https ://github.com/react-native-community/react-native-webview

原文由 IvanAllue 发布，翻译遵循 CC BY-SA 4.0 许可协议