它的用法很簡單。

1.安裝

依次執行下面兩個命令，

npm i -S react-native-video

react-native link            (這一步是連線本地視訊庫)

(1) ios：

如果您想允許其他應用在您的視訊元件上播放音樂，請新增：

AppDelegate.m

#import <AVFoundation/AVFoundation.h>  // import

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  ...
  [[AVAudioSession sharedInstance
 
] setCategory:AVAudioSessionCategoryAmbient error:nil];  // allow
  ...
}

如果link失敗的話需要執行下面的操作：

android/ settings.gradle

include ':react-native-video'
project(':react-native-video').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-video/android')

build.gradle

dependencies
 
 {
   ...
   compile project(':react-native-video')
}

MainApplication.java

匯入：

import  com.brentvatne.react.ReactVideoPackage ;

將ReactVideoPackage類新增到匯出的包列表中。

@Override 
protected  List < ReactPackage > getPackages（）{
     return  Arrays 。asList（
             new  MainReactPackage（），
             
 
new  ReactVideoPackage（）  //新增這個
    ）;
}

2.匯入元件

import Video from 'react-native-video';

3.使用：

<Video
ref={(ref: Video) => {
        this.video = ref
    }}/* For ExoPlayer *//* source={{ uri: 'http://www.youtube.com/api/manifest/dash/id/bf5bb2419360daf1/source/youtube?as=fmp4_audio_clear,fmp4_sd_hd_clear&sparams=ip,ipbits,expire,source,id,as&ip=0.0.0.0&ipbits=0&expire=19000000000&signature=51AF5F39AB0CEC3E5497CD9C900EBFEAECCCB5C7.8506521BFC350652163895D4C26DEE124209AA9E&key=ik0', type: 'mpd' }} */source={require('./video/bb.mp4')}style={styles.fullScreen}rate={this.state.rate}// 控制暫停/播放，0 代表暫停paused, 1代表播放normal.paused={false}volume={1}// 聲音的放大倍數，0 代表沒有聲音，就是靜音muted, 1 代表正常音量 normal，更大的數字表示放大的倍數muted={true}// true代表靜音，預設為false.resizeMode='cover'       // 視訊的自適應伸縮鋪放行為，onLoad={this.onLoad}// 當視訊載入完畢時的回撥函式onLoadStart={this.loadStart}// 當視訊開始載入時的回撥函式onProgress={this.onProgress}//  進度控制，每250ms呼叫一次，以獲取視訊播放的進度onEnd={this.onEnd}// 當視訊播放完畢後的回撥函式onError={this.videoError}// 當視訊不能載入，或出錯後的回撥函式onAudioBecomingNoisy={this.onAudioBecomingNoisy}onAudioFocusChanged={this.onAudioFocusChanged}repeat={false}// 是否重複播放/>

這個是style樣式，僅供參考：

fullScreen: {
    position: 'absolute',
    top: 0,
    left: 0,
    bottom: 0,
    right: 0,
},

想要控制視訊的暫停和播放，可以設定paused，例如

paused={this.state.paused}

paused為true是暫停狀態，false是播放狀態

<Button title={this.state.paused === false ? '暫停' : '播放'}onPress={this._play}/>

_play() {
    this.setState({
        paused: !this.state.paused
})
}

點選按鈕改變this.state.paused的值，以此來控制視訊的播放和暫停。

source={require('這裡放視訊的路徑，使用方法跟圖片的一樣，也可以用網路上的視訊地址')}

還有一些常用方法：

volume = { 1.0 }                             // 0靜音，1是正常的。

       muted = { false }                            //完全靜音。
       paused = { false }                           //完全暫停播放。
       resizeMode = “ cover ”                       //以縱橫比填充整個螢幕。* 
       repeat = { true }                            //永遠重複。
       playInBackground = { false }                 //當應用程式輸入背景音訊時，音訊繼續播放。
       playWhenInactive = { false }                 // [iOS]當顯示控制或通知中心時，視訊繼續播放。
       ignoreSilentSwitch = { “ ignore ” }            // [iOS] ignore | 服從 - 當'忽略'時，音訊仍然會播放與iOS硬靜音開關設定為靜音。當“服從”時，音訊將切換開關。當未指定時，將照常繼承音訊設定。
       progressUpdateInterval = { 250.0 }           // [iOS] Interval to fire onProgress（預設為 
       〜250ms ） onLoadStart = { this。loadStart }             //視訊開始載入時的回撥 
       onLoad = { this。setDuration }                //視訊載入時的回撥 
       onProgress = { this。時刻設定 }                //回撥每250毫秒〜與currentTime的 
       onEnd = { 此。onEnd }                       //播放完成時的回撥 
       onError = { this。videoError }                //當視訊無法載入時，在 
       CallBuffer = { this。onBuffer }                 //當遠端視訊正在緩衝時，回撥 
       onTimedMetadata = { this。onTimedMetadata }   //當流接收到一些元資料

Android擴充套件檔案使用

//在你的渲染功能，假設你有一個名為
// “background.mp4”在您的擴充套件檔案。只需新增主要和（如果適用）補丁版本
< Video source = {{uri： “ background ”，mainVer： 1，patchVer： 0 }} //在給定的擴充套件版本中查詢.mp4檔案（background.mp4）。
       rate = { 1.0 }                    // 0暫停，1是正常的。
       volume = { 1.0 }                  // 0靜音，1是正常的。
       muted = { false }                 //完全靜音。
       paused = { false }                //完全暫停播放。
       resizeMode = “ cover ”            //以縱橫比填充整個螢幕。
       repeat = { true }                 //永遠重複。
       onLoadStart = { this。loadStart } //視訊開始載入時的回撥 
       onLoad = { this。setDuration }     //視訊載入時的回撥 
       onProgress = { this。時刻設定 }     //回撥每250毫秒〜與currentTime的 
       onEnd = {此。onEnd }            //播放完成時的回撥 
       onError = { this。videoError }     //視訊無法載入時回撥 
       style = { styles。backgroundVideo } / >

在iOS背景播放

要使音訊在iOS背景下播放，需要將音訊會話設定為AVAudioSessionCategoryPlayback

屬性和方法都在上面註釋的很清楚了