웹 프로젝트 작성 시 소개 페이지에 별도의 소개 영상이 나오는데, 이 짧은 영상만 있어서 영상 컴포넌트를 사용하지 않아서 네이티브 영상 태그를 이용해서 문제를 해결하고 싶었습니다.
소개 영상은 무료이지만 다운로드 버튼이나 영상을 다른 이름으로 저장하는 기능이 있는 것을 원하지 않으니 다운로드 기능이 없는 것처럼 보이게 하는 방법을 찾아 메모해 보세요.
위의 다운로드 버튼을 숨기려면 세 가지 스타일로 충분합니다.
html;">비디오::-internal-media-controls-download-button { 디스플레이:none;}video::-webkit-media-controls-enclosure { 오버플로:hidden;}video::-webkit-media-controls- 패널 { 너비: 계산(100% + 50px) }직설적으로 말하면 다운로드 버튼을 창 밖으로 옮기는 것을 의미하는데, 저는 이 CSS를 오랫동안 찾고 있었습니다! !
이 방법은 실제로 비디오 다운로드를 방해하지 않습니다. 조심스러운 사용자는 여전히 캐시 파일에서 로드된 비디오 파일을 찾을 수 있으므로 제목에서 알 수 있듯이 숨겨져 있을 뿐입니다.
비디오 다운로드를 실제로 방지하려면 비디오 주소를 암호화하고 서버를 통해 확인해야 합니다.
요약위 내용은 에디터가 소개한 HTML 페이지의 기본 VIDEO 태그에 다운로드 버튼을 숨기는 기능입니다. 문의사항이 있으시면 메시지를 남겨주시면 에디터가 답변해드리겠습니다. 당신은 시간에. 또한 VeVb 무술 웹사이트를 지원해 주신 모든 분들께 감사드립니다!