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?