React video player with custom controls #4 - adding player and controls functionalities.
Hello guys this is the final video in the how to make react video player with custom controls series.(https://www.youtube.com/watch?v=7_zMZ4W6kTQ&list=PL4OKShK9gkQca9QVqmnPMzT6QYM2LHaqt). In the last video(https://www.youtube.com/watch?v=r6qWEteVMyM) we added the controls to the player and added the styling. In this video we are going to add the player and controls functionalities. We will add play and pause control, volume control,seekbar for the player,playbackrate control, normal and remaining time display,fullscreen control, fast forward and rewind and a bookmarking functionality where we will take a screenshot of the video playing at that time. All these functionalities are not seen in any other videos on youtube. check out my youtube channel (https://www.youtube.com/channel/UC9ES_aWDo7xzMhLxDYtIRaw?sub_confirmation=1) for more such indepth tutorials. Links Github - https://github.com/vivekjne/video-player-react-youtube React Player - https://www.npmjs.com/package/react-p... Material UI - https://material-ui.com/ Timestamps (00:00) Intro (00:20) Play and pause control (4:32) Fast forward and rewind control (8:07) handle volume control (15:27) playback rate control (19:12) fullscreen control (21:13) seekbar control (33:34) toggle remaining time (37:00) bookmark functionality (44:15) hide controls (49:37) Conclusion keywords reactjs react material ui video player html5 player react video video player controls #react #reactjs #materialui #videoplayer #html5player #reactvideo #customcontrols #videoplayercustomcontrols #reactvideoplayer #html5videoplayer
Download
0 formatsNo download links available.