Ever wondered how to disable the ability to download a self-hosted video on your divi website?

by | 30 July, 2017 | Divi Theme Code Snippets | 8 comments

George Nicolaou - Senior Web Developer

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>

8 Comments

  1. Lisa
    Lisa on January 10, 2019 at 5:44 pm

    How would you do this for the audio module?

    Reply
    • George Nicolaou
      George Nicolaou on January 10, 2019 at 6:11 pm

      just replace ::video with ::audio in the code

      Reply
  2. Jo
    Jo on August 16, 2019 at 7:06 pm

    doesnt work in chrome

    Reply
    • George Nicolaou
      George Nicolaou on August 17, 2019 at 8:41 am

      Hey Jo, that’s odd it seems fine on my end. If you feel up to it send me an exact link where you are having the issue so I can check it out.
      You can always try this new javascript code I added to the post

      Reply
  3. Heide
    Heide on October 7, 2019 at 11:37 pm

    Hello,
    thank you for this code. It works fine in Chrome. I added both: The CSS-Code in the Theme Customizer and the Java script in the Theme Options/Integration. I hope this is the correct way.

    Reply
    • George Nicolaou
      George Nicolaou on October 8, 2019 at 12:34 pm

      Yes the first block goes into Divi–>Theme Options–>Custom CSS box at the bottom and the second block of code goes into Divi–>Integration–>first box you find. Glad it helped.

      Reply
  4. Martin
    Martin on November 19, 2019 at 1:02 pm

    Works perfectly in chrome. Thank you George!

    Reply
    • George Nicolaou
      George Nicolaou on November 22, 2019 at 9:36 pm

      No worries. Whatever you need let me know

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

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

Privacy settings

Decide which cookies you want to allow. You can change these settings at any time. However, this can result in some functions no longer being available. For information on deleting the cookies, please consult your browser’s help function. Learn more about the cookies we use.

With the slider, you can enable or disable different types of cookies:

This website will

  • Essential: Remember your cookie permission setting
  • Essential: Allow session cookies
  • Essential: Gather information you input into a contact forms newsletter and other forms across all pages
  • Essential: Keep track of what you input in a shopping cart
  • Essential: Authenticate that you are logged into your user account
  • Essential: Remember language version you selected

This website won't

  • Remember your login details
  • Functionality: Remember social media settings
  • Functionality: Remember selected region and country
  • Analytics: Keep track of your visited pages and interaction taken
  • Analytics: Keep track about your location and region based on your IP number
  • Analytics: Keep track of the time spent on each page
  • Analytics: Increase the data quality of the statistics functions
  • Advertising: Tailor information and advertising to your interests based on e.g. the content you have visited before. (Currently we do not use targeting or targeting cookies)
  • Advertising: Gather personally identifiable information such as name and location

This website will

  • Essential: Remember your cookie permission setting
  • Essential: Allow session cookies
  • Essential: Gather information you input into a contact forms newsletter and other forms across all pages
  • Essential: Keep track of what you input in a shopping cart
  • Essential: Authenticate that you are logged into your user account
  • Essential: Remember language version you selected
  • Functionality: Remember social media settings
  • Functionality: Remember selected region and country

This website won't

  • Analytics: Keep track of your visited pages and interaction taken
  • Analytics: Keep track about your location and region based on your IP number
  • Analytics: Keep track of the time spent on each page
  • Analytics: Increase the data quality of the statistics functions
  • Advertising: Tailor information and advertising to your interests based on e.g. the content you have visited before. (Currently we do not use targeting or targeting cookies)
  • Advertising: Gather personally identifiable information such as name and location

This website will

  • Essential: Remember your cookie permission setting
  • Essential: Allow session cookies
  • Essential: Gather information you input into a contact forms newsletter and other forms across all pages
  • Essential: Keep track of what you input in a shopping cart
  • Essential: Authenticate that you are logged into your user account
  • Essential: Remember language version you selected
  • Functionality: Remember social media settings
  • Functionality: Remember selected region and country
  • Analytics: Keep track of your visited pages and interaction taken
  • Analytics: Keep track about your location and region based on your IP number
  • Analytics: Keep track of the time spent on each page
  • Analytics: Increase the data quality of the statistics functions

This website won't

  • Advertising: Tailor information and advertising to your interests based on e.g. the content you have visited before. (Currently we do not use targeting or targeting cookies)
  • Advertising: Gather personally identifiable information such as name and location

This website will

  • Functionality: Remember social media settings
  • Functionality: Remember selected region and country
  • Analytics: Keep track of your visited pages and interaction taken
  • Analytics: Keep track about your location and region based on your IP number
  • Analytics: Keep track of the time spent on each page
  • Analytics: Increase the data quality of the statistics functions
  • Advertising: Tailor information and advertising to your interests based on e.g. the content you have visited before. (Currently we do not use targeting or targeting cookies)
  • Advertising: Gather personally identifiable information such as name and location

This website won't

  • Remember your login details
Save & Close
Divi Theme Code Snippets Ever wondered how to disable the ability to download a self-hosted video on your divi website?