[HTML]미디어 삽입 <audio> <video>

1. <audio>

audio tag는 오디오를 삽입할 때 쓰는 태그입니다. 같이 쓰이는 속성은 아래와 같습니다.

• src : 삽입할 오디오의 주소 url
• autoplay : 오디오 자동으로 재생 시작하게 해주는 속성.
• controls : 오디오 제어버튼을 출력 
• loop : 반복재생
• muted : 오디오의 음소거를 지정

<audio src ="media/Spring.mp3" controls loop autoplay>대체용텍스트</audio>

 

-->오디오태그 사이의 "대체용텍스트"는 브라우저가 해당태그를 지원하지 않거나 해당오디오를 재생할 수 없을때 대체로 나오는 텍스트이다.

 

2.<video>

video tag는 비디오를 삽입할 때 쓰는 태그입니다. 같이 쓰는 속성은 아래와 같습니다.

• src : 삽입할 비디오의 주소 url
• autoplay : 비디오 로딩이 끝나면 자동으로 재생시작
• controls : 비디오 제어버튼을 출력 
• loop : 반복재생
• muted : 비디오의 음소거를 지정
• width, height : 브라우저에 표시되는 비디오의 크기를 지정, 만약 설정하지 않았다면 비디오의 원본크기로 구현됨. 

<video src="week2/media/sample.mp4" controls loop autoplay width="800" height="600">
비디오 재생 안될시 대체 텍스트</video>