css | html video tag controls 기능 숨기기
페이지 정보
작성자 100K5 작성일23-04-25 13:48 조회4,352회 댓글0건관련링크
본문
<style type="text/css">
/* 컨트롤러 전체 감추기 */
video::-webkit-media-controls { display:none !important; }
/* 컨트롤러 중 원하는 부분만 감추기 */
/* 전체화면 버튼 */
video::-webkit-media-controls-fullscreen-button { display: none !important; }
/* 일시정지, 재생 버튼 */
video::-webkit-media-controls-play-button { display: none !important; }
/* 재생 슬라이드..? */
video::-webkit-media-controls-timeline { display: none !important; }
/* 현재 진행 시간 */
video::-webkit-media-controls-current-time-display{ display: none !important; }
/* 전체 시간 */
video::-webkit-media-controls-time-remaining-display { display: none !important; }
/* 음소거 버튼 */
video::-webkit-media-controls-mute-button { display: none !important; }
/* 볼륨 조절 슬라이드 */
video::-webkit-media-controls-volume-slider { display: none !important; }
/* 볼륨 조절 슬라이드 */
video::-webkit-media-controls-volume-slider { display: none !important; }
</style>
참고 : 원본소스 다운로드 버튼 감추려면
<video controls controlsList="nodownload"> 으로 적용
<video id="video1" width="320" height="240px" controls poster="abc.jpg"
댓글목록
등록된 댓글이 없습니다.