Play next

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.

Get Full-Stack React Projects now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.