xxxxxxxxxx
// add an id to the <video> tag
// select element with given id and remove the "controls" attribute
const element = document.getElementById("YourElementId");
element.removeAttribute("controls");
xxxxxxxxxx
<video width="320" height="240" controls="hidden">
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
xxxxxxxxxx
<video controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<style>
video::-webkit-media-controls {
display: none;
}
video::-webkit-media-controls-enclosure {
display: none !important;
}
video::-webkit-media-controls-panel {
display: none !important;
}
</style>