[Please see the screenshot attached, I am looking to remove the play/pause icon that is highlighted] [screenshot] How can I hide or remove only the play/pause button from the media player of a video tag? When I dynamically add the controls attribute using jQuery, it displays all icons but I specifically want to remove just the play/pause button while keeping the Fullscreen icon visible. Is there a solution for this?
Below is the code snippet for dynamically adding the controls attribute to the video tag:
showVideoControls() {
var elem = document.getElementById("remote_video");
if (elem.requestFullscreen) {
$("video").attr("controls", true);
}
}