본문 바로가기
Programming/CSS&Html&JS

[Html] 멀티미디어 콘텐츠 태그

by 춘배씨 2023. 2. 12.

 

오디오 태그 

<audio src="폴더/파일.mp3" controls></audio>
//controls 옵션값을 지정해줘야 재생 컨트롤 패널이 보임 

<audio src="폴더/파일.mp3" controls autoplay></audio>
//자동재생

<audio src="폴더/파일.mp3" controls autoplay loop></audio>
//무한 반복

<audio src="폴더/파일.mp3" controls preload></audio>
//해당 파일을 로딩을 먼저 시킨 후 재생

 

 

비디오 태그

<video src="폴더/파일.mp4" controls></video>

//소리 출력 X
<video src="폴더/파일.mp4" controls muted></video>

//자동 재생 
<video src="폴더/파일.mp4" controls autoplay></video>

//루프 
<video src="폴더/파일.mp4" controls loop></video>

//미리보기 이미지
<video src="폴더/파일.mp4" controls poster="폴더/미리보기이미지.jpg"></video>
728x90
반응형

'Programming > CSS&Html&JS' 카테고리의 다른 글

css/js/html 무료로 들을 수 있는 온라인 강의 추천  (0) 2023.03.01
[CSS] 선택자(selector) 종류  (0) 2023.02.16
[Html] 폼 태그  (0) 2023.02.12
[html] 목록 태그  (0) 2023.02.12
[Html] 서식 태그  (0) 2023.02.12

댓글