개발 공부 기록하기

DAY 3. 멀티미디어(Multimedia) 삽입과 관련된 tag 본문

프밍/HTML

DAY 3. 멀티미디어(Multimedia) 삽입과 관련된 tag

태영(泰伶) 2022. 8. 21. 14:54
<object> - 다양한 multimedia 파일을 삽입.
     ex, 오디오, 비디오, 자바 애플릿, PDF, 다른 문서 등
- width, height 속성으로 삽입 크기 지정.
     data - 웹 문서에서 보여줄 multimedia 파일 지정.

 

 

<embed> - src 속성으로 삽입할 파일 경로 지정.
- width, height 속성으로 삽입 크기 지정.
- 닫힘 tag인 </embed> 없음.
- <audio>,<video>, <object>를 읽어오지 못하는 web browser를 생각해야 할 때는 <embed>를 사용!

 

 

<audio> - 오디오 파일 삽입.     ex, 배경 음악, 효과음 등

 

 

<video> - 비디오 파일 삽입.     ex, 영상 등
     controls - 플레이어 화면에 control bar 표시.
     autoplay - 오디오 or 비디오를 자동 실행.
     loop - 오디오 or 비디오를 반복 재생.
     muted - 오디오 or 비디오 소리 제거.
     preload - webpage를 불러올 때 오디오 or 비디오를 어떻게 로딩할 것인지 지정.
- 사용할 수 있는 값은 auto, metadata, none
     ex, preload="auto"
     width, height - 비디오 플레이어 너비, 높이 지정.
- 둘 중 하나 값을 지정하면 나머지는 자동으로 계산해서 표시함.
     poster="파일 이름" - <video>에서 사용하는 속성.
- 비디오 재생되기 전까지 화면에 표시될 포스터 이미지 지정.
Comments