WEB-HTML-오디오, 비디오 삽입하기
오디오, 비디오 삽입하기
오디오, 비디오 삽입하기
다양한 멀티미디어 삽입하기 <object>, <embed> 태그
- <object> 태그의 기본형 (오디오, 비디오, PDF 등)
<object width="너비" height="높이" data="파일"> </object>
- <embed> 태그의 기본형 (src를 사용)
<embed src="파일 경로" width="너비" height="높이">
오디오 비디오 삽입하기 <audio>, <video> 태그
- 기본형
<audio src="파일 경로"> </audio>
<video src="파일 경로"> </video>
- <audio>, <video> 태그 속성
| 종류 | 설명 |
|---|---|
| controls | 컨트롤 바 표시 |
| autoplay | 자동 실행 |
| loop | 반복 재생 |
| muted | 소리 제거 |
| preload | 로딩 방법(auto,metadata,none) |
| width, height | 높이와 너비 지정 |
| poster=”파일 이름” | 재생되기 전까지 화면에 표시될 이미지 지정 |
출처
- (고경희, ⌜Do it! HTML+CSS+자바스크립트 웹 표준의 정석⌟, 이지스퍼블리싱, 2021)을 학습하고 개인 학습용으로 정리한 내용입니다.
