VIDEO shield download function

This time I will bring you the VIDEO shielding download function. What are the precautions of the VIDEO shielding download function? Here is a practical case, let’s take a look.

Although IntroductionVideo is non-paid, I don’t want to have a download button or save the video as, so I found a way to make it look like there is no download function. , take notes.

If you want to hide the download button above, just three styles are enough. Just paste the code without any nonsense:

video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 50px); 
}

To put it bluntly, just move the download button to Outside the window, but I have been looking for these CSS for a long time! !

This method does not really prevent the downloading of videos. "Careful" users can still find the loaded video files in the cache file, so just like the title writes Same as, just hidden.

To truly prevent the downloading of videos, you still need to encrypt and verify the video address through the server.

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

Detailed explanation of the steps to develop mpvue framework with Vue.js

jquery fullpage plug-in to add header and tail copyright Related

The above is the detailed content of VIDEO shield download function. For more information, please follow other related articles on the PHP Chinese website!