Table of Contents
Updated 2019 version here
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>