<object>, <embed>태그
멀티미디어 파일 삽입
object 태그
오디오 파일 뿐만 아니라 비디오, PDF등 다양한 멀티미디어 파일 삽입 가능
웹 문서 안에 다른 문서를 삽입할 때도 사용 가능
<object width="너비" height="높이" data="파일"></object>
embed태그
HTML초기 버전부터 사용>>대부분의 브라우저에서 사용 가능
오디오, 비디오, 이미지 등 다양한 멀티미디어 파일 삽입 가능
<embed src="파일경로" width="너비" height="높이" />
<audio>,<video>태그
오디오와 비디오 파일을 삽입
audio태그: 배경음악이나 효과음 등 오디오 파일 삽입
video태그: 비디오 파일 삽입
controls는 <audio>, <video> 태그에서 모두 사용 가능
→ controls 속 : 오디오나 비디오 파일을 시작하거나 종료할 수 있는 컨트롤 바 속성
controls | 플레이어 화면에 컨트롤 바를 표시 |
autoplay | 오디오나 비디오를 자동으로 실행 |
loop | 오디오나 비디오를 반복 재생 |
muted | 오디오나 비디오의 소리를 제거 |
preload | 페이지를 불러올 때 오디오나 비디오 파일을 어떻게 로딩할 것인지 지정 |
사용할 수 있는 값 : auto, metadata, none | |
기본값 preload=”auto” | |
width, height | 플레이어의 너비와 높이를 지정 |
width, height의 값 중에서 하나만 지정할 경우 나머지는 자동으로 계산하여 표시 | |
poster=”파일 이름” | <video> 태그에서 사용하는 속성 비디오가 재생되기 전까지 화면에 표시될 포스터 이미지 지정 |
'frontend > html' 카테고리의 다른 글
HTML.13.Input Tag-1 (0) | 2025.03.13 |
---|---|
HTML.12.Form (0) | 2025.03.13 |
HTML.10.Image (0) | 2025.03.13 |
HTML.09.Hyperlink (0) | 2025.03.13 |
HTML.08.List (0) | 2025.03.13 |