How do I get rid of the download button on my video?

Pasted_Image_5_18_17__8_57_AM.png

On some mobile devices, Chrome browsers display a download button, regardless of the settings we provide in the Theme editor. The truth is, if a video is posted on the internet, then it can be found and downloaded. Chrome just makes this process simpler by providing a button. That being said, while we are woking on a more permanent fix for you, you can insert this code into your product to remove this button. 

  • First, go to your Products Tab:

Kajabi.png

  • Next, click on the appropriate Product from the list and go to it's Appearance tab:

Kajabi.png

We recommend that you use Premier Theme for your active theme, but this can still be done with a different theme.

  • Next, click on the 3 dots to the right of your theme and click Edit Code:

Kajabi.png

  • Click to open the Assets folder:

Kajabi.png

  • Click to open the override.scss file:

Kajabi.png

  • Lastly, paste in this code into your override.scss file and click Save:

                                   video::-internal-media-controls-download-button {
                                   display:none;
                                   }

                                   video::-webkit-media-controls-enclosure {
                                   overflow:hidden;
                                   }

                                   video::-webkit-media-controls-panel {
                                   width: calc(100% + 30px); /* Adjust as needed */
                                   }

Kajabi.png

After you click Save, Preview your Product to see no download button!

Pasted_Image_5_18_17__9_24_AM.png

 

 

Was this article helpful?