How can we change the controls appearance of the video player in the video element?

By using CSS and JavaScript. For more information: https://developer.mozilla.org/en-US/docs/Web/Guide/Audio_and_video_delivery/cross_browser_video_player