<script>
let video = document.querySelector("#video");
if(video) {
video.parentNode.insertAdjacentHTML('beforeend', '<div class="custom-btn-muted">Unmuted</div>');
video.parentNode.style.position = "relative"
let btnCustomMuted = document.querySelector(".custom-btn-muted");
btnCustomMuted.addEventListener("click", () => {
if(video.muted) {
btnCustomMuted.textContent = "Muted";
}
else {
btnCustomMuted.textContent = "Unmuted";
}
video.muted = !video.muted;
})
}
</script>
/**css**/
.custom-btn-muted {
position: absolute;
bottom: 15px;
right: 20px;
color: white;
text-transform: uppercase;
cursor: pointer;
}