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>
WP Feedback

Dive straight into the feedback!
Login below and you can start commenting using your own user instantly

Pin It on Pinterest

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