HTML_멀티미디어 태그

멀티미디어 태그 정리를 정리해보려 합니다.

 

video Tag

---

<video src="비디오이름.확장자" poster="포스터이름.확장자" autoplay controls loop>
  <track kind="subtitles" src="자막이름.확장자" srclang="ko" label="한글자막" />
  비디오를 지원하지 않는 경우 표시할 내용
</video>

video Tag는 위의 코드와 같이 간단하게 비디오를 넣을 수 있습니다.

• poster : 비디오가 로딩되는 동안 표시할 사진 이미지이입니다. HTML5에서 지원하지 않는 코덱일 경우 비디오 태그 안에 넣은 내용이 표시됩니다.
• autoplay : 로딩된 후 자동 재생할 지 아닐지를 선택할 수 있습니다.
• controls : 소리조절, 일시 정지 등의 메뉴를 표시할 지 선택하는 속성입니다.
• loop : 무한 반복 재생할지를 설정합니다.
• muted : 음소거 기능을 합니다.

 

 

audio Tag

---

<audio src="오디오.확장자" autoplay controls loop volume>
  오디오를 지원하지 않을 경우 표시할 내용
</audio>

audio Tag는 위의 video Tag와 거의 비슷합니다.

autoplay, controls, loop, muted 속성또한 같으며, 추가되는 부분은 아래와 같습니다.

• volume : 0.0(무음)부터 1.0(최대 볼륨)까지 소리 크기를 지정할 수 있습니다.
• source : 여러 파일을 지정할 수 있습니다.
• track : 부가적인 정보를 넣을 수 있습니다.