HTML을 사용해서 웹 페이지에 오디오, 비디오 파일을 삽입할 때는 각각 <video>, <audio> 태그를 사용한다.
기본형은 <audio or video src="경로"></audio or video>이다. 둘 다 동일한 속성을 갖고 있다.
| controls | 화면에 컨트롤 바 표시 |
| autoplay | 자동 실행 |
| loop | 반복 재생 |
| muted | 소리 제거 |
| preload | 페이지 불러올때 어떻게 로딩할 것인지 지정. 속성값은 auto, metadat, none이 있고 default값은 auto이다. |
| width, height | 너비, 높이 지정. |
| poster="파일이름" | 비디오 태그에서 재생되거 전에 화면에 표시될 포스터 이미지 삽입. |
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<audio src="경로" loop ></audio>
</body>
</html>
728x90
반응형
'Front_End' 카테고리의 다른 글
| [Front End] Do it! HTML+CSS+JAVASCRIPT 웹 표준의 정석 마무리(웹 사이트 만들기) (1) | 2021.11.21 |
|---|---|
| [javascript] + [Front End] 간단 정리 및 마무리 (0) | 2021.11.18 |
| [HTML] <form>, <input>, <select> 사용자에게 입력 받기 (2) (2) | 2021.11.09 |
| [HTML] <form>, <input>, <select> 사용자에게 입력 받기 (1) (2) | 2021.11.07 |
| [HTML] <a> 하이퍼링크,앵커(anchor) (1) | 2021.11.07 |