Skip to content

Instantly share code, notes, and snippets.

@NishiGaba
Last active April 27, 2020 12:07
Show Gist options
  • Save NishiGaba/c7d21f47b0246692a56609719786b674 to your computer and use it in GitHub Desktop.
Save NishiGaba/c7d21f47b0246692a56609719786b674 to your computer and use it in GitHub Desktop.
Hide Audio and Video Download Controls
<body>
<audio controls>
<source src="your_mp3_file" type="audio/mpeg">
</audio>
<video width="100%" height="100%" controls>
<source src="your_video_url">
</video>
</body>
/* HIDE DOWNLOAD BUTTON OF AUDIO */
audio::-internal-media-controls-download-button {
display:none;
}
audio::-webkit-media-controls-enclosure {
overflow:hidden;
}
audio::-webkit-media-controls-panel {
width: calc(100% + 30px); /* Adjust as needed */
}
/* HIDE DOWNLOAD BUTTON OF VIDEO */
video::-internal-media-controls-download-button {
display:none;
}
video::-webkit-media-controls-enclosure {
overflow:hidden;
}
video::-webkit-media-controls-panel {
width: calc(100% + 30px); /* Adjust as needed */
}
@mbilalsiddique1
Copy link

Seems like this doesn't work.

@goSunadeod
Copy link

I tested it,it doesn't work.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment