CODEWITHSUNDEEP
react-nativereact-native-video
Daniel Dudek
Daniel Dudek

Reputation: 525

React-Native <Video> how to start video over after it played once on Android?

I'm using a Video component like this:

<Video style={[videoPlayerStyle, this.props.containerStyle, {height: videoHeight, width: videoWidth}] }
      source={{uri: this.props.videoURL}}
      ref={(ref) => {
        this.player = ref
    }} 
      paused={this.state.paused}
      controls={nativeControls}
      playInBackground={false}
      repeat={false} 
      key="something123"
      muted={this.state.mute}

      onBuffer={this.onBuffer}
      onEnd={this.onEnd}
      onError={this.onError}
      onLoad={this.onLoad}
      onLoadStart={this.onLoadStart}
      onProgress={this.onProgress}
    />

After video ends I show a button that allows user to play it again. I tried using:

restartPlayingVideo = (dict) => {
  this.player.seek(0) // I tried with and without this
  this.setState({paused: false})
}

But the video doesn't start again on Android (it works fine on iOS).

Am I missing something?

Upvotes: 3

Views: 7166

Answers (1)

Andriy Khlopyk
Andriy Khlopyk

Reputation: 141

I used

<Video repeat={true} paused={this.state.paused} onEnd={this.setState({paused: true})}> 
</Video>

Works for me.

Upvotes: 11

Related Questions