반응형
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] grid item 크기 넘칠 때 (0) | 2024.08.29 |
|---|---|
| 유튜브 영상, 쇼츠 화면 반응형 코드 iframe embed (4) | 2024.06.17 |
| [CSS] nth-child / n번째부터 n번째까지 CSS 변경 (2) | 2023.09.27 |
| [CSS] placeholder 글자색 변경 (485) | 2023.08.31 |
| 부트스트랩 모달창 검정 배경 아래로 뜰 때 해결 방법 (Bootstrap Modal) (7) | 2023.07.10 |
| svg 칠하기 / 컬러 변경 (2) | 2023.04.27 |
| [CSS] background-image 배경 이미지 여러개 넣기 (2) | 2023.04.27 |
| 웹폰트 소스, 시스템 폰트 TTF -> WOFF/WOFF2/OTF 웹폰트로 변환하기 (2) | 2023.02.15 |
