오디오와 비디오 삽입하기

<object> 태그

• 오디오, 비디오, 자바 애플릿, pdf 등 다양한 멀티미디어 파일 삽입 시 사용
• 비교적 최근에 추가된 태그로, 이를 지원하지 않는 브라우저를 고려할 때는 이전의 <embed> 태그를 이용.

<object width="너비" height="높이" data="파일"></object>

embed 태그

<embed src="파일 경로" width="너비" height="높이">

참고 : 확장자별 특징

• 비디오
  • mp4 : 라이센스가 있음. 그러나 웹에서는 무료 사용 가능. 사파리, 크롬 등 모든 브라우저 지원
  • webm : 화질이 좋고 무료 라이센스이나 익스플로러, 사파리, 안드로이드에서 재생 불가
• 오디오는 mp3 확장자를 주로 쓰고 모든 브라우저에서 지원함.

<video>, <audio> 태그

속성

• controls : 플레이어 화면에 컨트롤바를 표시함
• autoplay : 자동으로 실행, 대부분 브라우저는 자동재생을 금지함. 엣지브라우저는 됨. 크롬에서는 muted와 함께 쓰이면 자동재생 가능하나 모바일 기기에서는 불가능.
• loop : 반복 재생
• mute : 소리를 제거
• preload : 기본값은 auto이며 metadata, none도 값으로 지정 가능
• width, height
• poster="파일 이름" : 재생되기 전까지 화면에 표시될 포스터 이미지를 지정