React-native-video 未显示视频播放器

Question

我正在使用 react-native-video 包来获取视频播放器，我可以在其中播放我的 youtube 视频。

我试过这个，但只有一个空的空间而不是视频播放器。

import Video from 'react-native-video';
    <Video source={{uri: 'https://www.youtube.com/watch?v=Gh2FaDqZp2g'}}
                       ref={(ref) => {
                         this.player = ref
                       }}
                     onBuffer={this.onBuffer}
                     onEnd={this.onEnd}
                     onError={this.videoError}
                     style={styles.backgroundVideo} />

风格：

backgroundVideo: {
    height:300,
    width:'100%',
  }

Answer 1

我认为视频标签会接受以 .mp4 格式结尾的 Uri。

请将您的 uri 替换为http://d23dyxeqlo5psv.cloudfront.net/big_buck_bunny.mp4

（注意：其他一些 uri 也可以使用相同的格式）并结账。

但要流式传输 Youtube 视频，您必须使用react-native-youtube和Youtube API 组件。

请参阅此链接以了解更多信息