반응형
audio태그를 이용해서 음악을 넣으면 아래처럼 ... 버튼을 누르면 다운로드, 재생속도를 조절할 수 있는 메뉴가 뜨게 된다. 이 메뉴가 뜨지 않게하려면 태그 사이에 controlsList="noplaybackrate nodownload nofullscreen"을 추가하면 된다.
noplaybackrate -> 재생속도 메뉴 안보이게
nodownload -> 다운로드 메뉴 안보이게
nofullscreen -> 영상의 경우 풀스크린 안되게
코드
<audio autoplay controls controlsList="noplaybackrate nodownload nofullscreen"><source src="song.mp3" type="audio/mpeg"></audio>
<video autoplay controls controlsList="noplaybackrate nodownload nofullscreen"><source src="video.mp4" type="video/mp4"></video>
반응형
'디자인 > html·css' 카테고리의 다른 글
| [CSS] nth-child / n번째부터 n번째까지 CSS 변경 (0) | 2023.09.27 |
|---|---|
| [CSS] placeholder 글자색 변경 (0) | 2023.08.31 |
| 부트스트랩 모달창 검정 배경 아래로 뜰 때 해결 방법 (Bootstrap Modal) (1) | 2023.07.10 |
| svg 칠하기 / 컬러 변경 (0) | 2023.04.27 |
| [CSS] background-image 배경 이미지 여러개 넣기 (0) | 2023.04.27 |
| 웹폰트 소스, 시스템 폰트 TTF -> WOFF/WOFF2/OTF 웹폰트로 변환하기 (0) | 2023.02.15 |
| absoulte인 div 가운데 정렬하는 여러가지 방법 (0) | 2023.01.02 |
| [CSS] window.print() 머리글, 바닥글 없애기 (0) | 2021.12.29 |
