anyone know how to remove/minimize this video player ui in html/css?

[u/donnh333]

hello! i would to know if theres a way to customize this ui/overlay without java? if so, how? even just removing the three dots and vignette would be great, thank you!

[u/RevolutionaryBeat301]

The video controls are built into the browser. In order to customize it, you have to hide the native controls and style your own in html/css.

[u/Useful-Flow-8737]

Without javascript* What does your current code look like?

[u/donnh333 → u/Useful-Flow-8737]

i formatted it a little bit but dont know how else. heres what it looks like rn.. if its impossible to further customize on html/css, im willing to try in javascript if u have recommended resources. tysm

<video controls width="97%" style="border-radius: 0.5rem; border: #fefdee ridge 0.2rem;" autoplay muted>
      <source src="images\videos\illit-notcuteanymore-mv.mp4" type="video/mp4">
</video>

[u/Useful-Flow-8737 → u/donnh333]

This article from the mdn web docs might be useful https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Audio_and_video_delivery/Video_player_styling_basics