The react video player is a component for native video players but it is optimized to look the same in all browsers and have a great UI and is highly customized. It consumes both the native browser event DOM api and the react event API making it fast.
To use the react video player component you haveto import it r=from the
reactjs-media module as
Your can also import the video player from another file in the package.
To custiomize the main theme color of the video player you have to pass in a prop named
It is 8:28:30 PM.
The package also has additional pros that your can pass throug is so that you can carry out some logic. A feww important ones will be listed here you can find the full list in the API section
srcprop is a string and it represents the source of the video being played. You should not that it is also a required prop so if your dont pass it in the component will throw an error.
posterprop is a string and it represents the poster of the video being played.
This represents the type of the video it usally defaults to
video/mp4. the values expexted is a string.
This props is also passed down in form of a fuction. The function that your pass in will recieve three arguments and these are:
This is a native browser event that is usally triggered each time the video time updates. It is the first argument you will receive
This is a the current time that the video playback has reached.
This is the full video duration. This is anded in just because we thought it was necessary.