May 2018
Intermediate to advanced
470 pages
13h 54m
English
We will create a new MediaPlayer component that will contain the customized ReactPlayer. In the Media component, we will replace the previously used ReactPlayer with the new MediaPlayer component, and pass on the video source URL, the next video's URL and the handleAutoPlay method, which are received as props from the PlayMedia component.
mern-mediastream/client/media/Media.js:
const mediaUrl = this.props.media._id ? `/api/media/video/${this.props.media._id}` : null...<MediaPlayer srcUrl={mediaUrl} nextUrl={this.props.nextUrl} handleAutoplay={this.props.handleAutoplay}/>
Read now
Unlock full access