개발자의 끄적끄적

[html/css] html video tag no download example / html 비디오 태그 다운로드 방지 설정 방법 html 에서 video 태그를 이용하여 영상을 표시하다보면 컨트롤바를 이용합니다. 그 컨트롤바의 내용중 다운로드버튼을 숨기고 싶은경우에는 아래나와있는 옵션을 추가하시면 됩니다. controlsList="nodownload" 옵션이 추가된 video 태그는 아래와 같습니다! 참고들 하세요!

[html/css] html video tag border none example / html 비디오 태그 테두리 제거하는 방법 html 에서 video 태그를 사용하여 영상을 재생하는 코드를 다루다 보면 영상이 재생되었을때 비디오 테두리 영역이 생기는 현상이 있습니다! 그럴때는 아래와 같이 css 를 이용하시면 됩니다! 우선 video_player 라는 아이디를 가지는 video 태그가 있다고 가정하고, 아래와 같이 css 옵션으로 outline 와 border 를 none 으로 설정하시면 됩니다! #video_player { outline: none; border: none; } 참고들 하세요!

[html/css] video tag 자주 쓰이는 옵션 4가지 html 에서 video 태그를 이용하여 영상을 재생할때 여러가지 옵션들을 줄 수 있습니다. 그중에서 자주 쓰이는 옵션들 4가지를 정리해봤습니다. autopaly : 자동 재생 (true, false) controls: 영상 제어 장치 on, off (true, false) loop : 반복 재생 (true, false) muted : 음소거 (true, false) 자동재생여부 컨트롤버튼 노출여부 반복여부 음소거여부 위 4가지는 거의 video 태그를 사용할때마다 쓰일껍니다! 숙지해두시면 도움이 되실껍니다! 여기서 주의사항은! 모바일에서는 자동재생을 설정하기 위해서는 음소거를 true 로 소리가 안나게 설정해야만 자동재생 설정이 가능합니다...

[html/css] how to hide download button in video tag / 비디오 태그 다운로드 버튼 숨기는 방법 html 에서 video 태그를 이용하여 비디오를 재생할때 오른쪽 하단에 다운로드 버튼이 있어서 이것을 숨기고 싶을때가 있습니다. 그럴때, 아래와 같은 옵션을 주면 됩니다. 위 내용 보시면 아시겠지만, controlsList 라는 attr 을 추가하는데 nodownload 라는 값으로 추가하면 다운로드 버튼이 사라진 것을 확인할 수 있습니다! 참고들 하세요!