반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>오디오와 비디오 삽입</title>
</head>
<body>
<!--
<audio>태그, <video>태그
기본형 - <audio src="오디오 파일 경로"></audio>
<video src="비디오 파일 경로"></video>
- src : 재생할 비디오 파일 저장경로
- controls : 재생 제어기 표시
- width, height : 가로/세로 크기 설정
- loop : 반복 재생
- autoplay : 웹 문서가 열림과 동시에 자동 재생
- muted : 음소거 상태로 시작
- preload : 비디오 파일을 사용 여부와 상관없이 미리 다운로드
- poster : 비디오 파일 재생 전, 다운로드 되지 않고 있는 경우 표시될 이미지의 URL
-->
<h1>audio 태그 사용</h1>
<audio src="media/spring.mp3" controls></audio>
<h1>video 태그 사용</h1>
<video src="media/flight.mp4" controls width="700"></video>
</body>
</html>
반응형
'IT > HTML' 카테고리의 다른 글
| HTML 3일차 - form 태그 (0) | 2023.05.09 |
|---|---|
| HTML 2일차 - 하이퍼링크(a) (0) | 2023.05.09 |
| HTML 2일차 - 미디어태그(object, embed) (0) | 2023.05.09 |
| HTML 2일차 - 미디어 태그(img) (0) | 2023.05.09 |
| HTML 1일차 - 태그 (0) | 2023.05.09 |