Ever wondered how to disable the ability to download a self-hosted video on your divi website? Here's the code you need to enter in Theme Options --> Custom CSS. Kudos to the Elegant Theme Support Staff.

/*start disable video download */
video::-internal-media-controls-download-button {
display:none;
}  video::-webkit-media-controls-enclosure {
overflow:hidden;
}
video::-webkit-media-controls-panel {
width: calc(100% + 30px);
}
/*end disbale video download */

New javascript way Theme Options --> Integrations --> head

<script>
 window.onload = function() {
 videos = document.querySelectorAll('video');
 [].forEach.call(videos, function(video) {
 video.setAttribute("controlsList", "nodownload");
});
 };
</script>

Pin It on Pinterest

Share This
Divi Theme Code SnippetsEver wondered how to disable the ability to download a self-hosted video on your divi website?