Users will be able to play the next video in the related media list using the next button:
The next button will be disabled if the related list does not contain any media. The play next icon will basically link to the next URL value passed in as a prop from PlayMedia.
mern-mediastream/client/media/MediaPlayer.js:
<IconButton disabled={!this.props.nextUrl} color="primary"> <Link to={this.props.nextUrl}> <Icon>skip_next</Icon> </Link></IconButton>
Clicking on this next button will reload the PlayMedia component with the new media details and start playing the video.