When writing a web project, I encountered a separate introduction video on the introduction page. There was only this short video, so no video components were used, so I wanted to solve the problem by using the native video tag.
Although the introductory video is free, you don’t want to have a download button or the ability to save the video as, so find a way to make it look like there is no download function and take notes.
If you want to hide the above download button, three styles are enough. Just paste the code without any nonsense:
html;">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, it means moving the download button outside the window, but I have been looking for these CSS for a long time! !
This method does not really prevent the downloading of the video. Careful users can still find the loaded video file in the cache file, so just like the title says, it is just hidden.
To truly prevent the downloading of videos, the video address still needs to be encrypted and verified through the server.
SummarizeThe above is the function of hiding the download button in the native VIDEO tag of the HTML page introduced by the editor. I hope it will be helpful to you. If you have any questions, please leave me a message and the editor will reply to you in time. I would also like to thank everyone for your support of the VeVb martial arts website!