Users visit a media-streaming application mainly to play the media and explore other related media. This makes the media player, and the view that renders the related media details, crucial to a streaming application.
In this chapter, we will focus on developing the play media page for the MERN Mediastream application that we started building in the previous chapter. We will address the following topics to bolster the media-playing functionalities, and to help boost the presence of the media content across the web so that it reaches more users:
- Customize controls on ReactPlayer
- Play next from a list of related videos
- Autoplay a list of related media
- Server-side render the Media view with data to improve SEO
