ReactNative视频播放(iOS)

网站链接:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/learn-react-native-video/

成都创新互联成都企业网站建设服务,提供成都做网站、成都网站建设、成都外贸网站建设网站开发,网站定制,建网站,网站搭建,网站设计,成都响应式网站建设,网页设计师打造企业风格网站,提供周到的售前咨询和贴心的售后服务。欢迎咨询做网站需要多少钱:028-86922220

React Native项目中插入视频播放的简单教程(iOS)。

在你的项目中执行以下步骤:

1.运行npm install react-native-video --save
2.iOS下:

(1)在Xcode中打开你的项目,在名字为Libraries上点右键,然后点击Add Files to "Your Project Name";

React Native视频播放(iOS) React Native视频播放(iOS)

(2)添加libRTCVideo.a到 Build Phases -> Link Binary With Libraries 

React Native视频播放(iOS)

(3)添加 项目中的.mp4 格式的视频文件到 Build Phases -> Copy Bundle Resources

React Native视频播放(iOS)

(4)在你的项目中使用以下命令就可以得到你想引用的视频:

调用视频用法:

React Native视频播放(iOS)

// Within your render function, assuming you have a file called
// "background.mp4" in your project. You can include multiple videos
// on a single screen if you like.// Later on in your styles..
var styles = Stylesheet.create({
  backgroundVideo: {
    position: 'absolute',
    top: 0,
    left: 0,
    bottom: 0,
    right: 0,
  },
});

网页题目:ReactNative视频播放(iOS)
文章来源:http://hbruida.cn/article/pdcocs.html