html5 video 태그에서 동영상 다운로드 방지 소스

<video> 태그는 웹으로 비디오나 영화를 재생시킬수 있는 태그
src : 재생할 비디오의 주소를 지정
width : 요소의 너비를 지정 (value: pixels)
height : 요소의 높이를 지정 (value: pixels)
loop : 반복 재생을 지정 (value: loop)
poster : 사용자 에이전트가 비디오 데이터를 사용할 수 없는 경우 이미지 파일의 주소를 권장 (value: URL)
preload : 음악을 재생하기 전에 모두 불러올지 지정 (value: auto, metadata, none)
none : 사용자가 비디오를 필요로하지 않을 것이라고 명시, 미리 다운로드 하지 않음
metadata : 사용자가 비디오를 필요로 하지 않을 것이지만, 기본정보(크기,첫프레임,오디오길이 등)는 가져옴
auto : 사용자가 비디오를 필요로 하고 미리 다운로드(기본값)
autoplay : 자동 재생을 지정 (value: autoplay) , 모바일에서는 보안상 이유로 자동재생이 되지 않음
muted : 비디오의 오디오 출력을 음소거로 지정 (value: muted)
controls : 사용자 에이전트트의 기본 컨트롤러를 사용하도록 지정
controlsList=”nodownload” : 이 설정이 없으면 비디오 원본 소스를 아무나 다운로드 받을 수 있음

<video id="video1" width="320" height="240px" controls poster="abc.jpg" controlsList="nodownload">
           <source src="movie.mp4" type="video/mp4">
           <source src="movie.ogg" type="video/ogg">
       당신의 브라우저는 video태그를 지원하지 않습니다.
</video>
video1
다운로드 막는 소스 적용전
video2
다운로드 막는 소스 적용 후

This Post Has 2 Comments

댓글 남기기