In order to control the volume on the video being played, users will have the option to increase or decrease the volume, as well as to mute or un-mute. The rendered volume controls will be updated based on the user action and current value of the volume:
- A volume up icon will be rendered if the volume is raised:
- A volume off icon will be rendered if the user decreases the volume to zero:
- A volume mute icon button will be shown if the user clicks the icon to mute the volume:
To implement this, we will conditionally render ...