Question

react-native-video TypeError：未定义不是一个对象

2018-10-24

4169

react-native

因此我尝试使用 npm 中的 react-native-video 包来播放 YouTube 视频：

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Video
          source={{uri: 'https://www.youtube.com/watch?v=swigQ10SL_w'}}
          style={{ width: 800, height: 800 }}
          muted={true}
          repeat={true}
          resizeMode={"cover"}
          volume={1.0}
          rate={1.0}
          ignoreSilentSwitch={"obey"}
        />
      </View>
    );
  }
}

我收到错误：

Answer 1

通过使用 npm ，将 react-native-video 包安装到您的 react-native 项目中。

npm install --save react-native-video

使用

react-native link

将包链接到 iOS 和 android 平台>

要在 iOS 上链接库，如果它们尚未链接，请执行以下步骤：

在 XCode 项目导航器中，右键单击 Libraries 文件夹并选择 add files to projectname 选项，然后转到 node_modules/react-native-video/ios/ 并选择 RCTVIdeo.xcodeproj
转到 targets -> Build Phases -> Link Binary With Libraries 点击 + 并选择 libRCTVideo.a

严格注意：

不要在 react-native-video 中播放 youtube 视频，因为代码中没有问题，您可以尝试这个。 http://d23dyxeqlo5psv.cloudfront.net/big_buck_bunny.mp4

对于 youtube 视频

npm install react-native-youtube-player@latest --save

或

https://www.npmjs.com/package/react-native-youtube