[HTML]오디오, 비디오 삽입하기

1. 오디오audio

 

<audio> 태그를 사용. 속성은 다음과 같다.

 

• src 파일경로
• autoplay 자동재생
• controls 오디오 플레이어를 화면에 표시
• loop 반복재생, 생략시 한 번만

 

 

2. 비디오video

 

<video> 태그를 사용. 속성은 다음과 같다.

 

• src 파일 경로
• autoplay 자동재생
• controls 동영상 플레이어를 화면에 표시
• loop 반복 재생
• width 동영상의 폭 지정
• height 동영상의 높이 지정

 

 

비디오 삽입의 경우 다른 브라우저에서도 비디오를 원활히 재생시키려면 <source> 태그 안에 파일의 확장자를 갖고 type 속성을 지정해야 한다.

 

 

또한, 일전 언급한 것처럼 iframe 태그를 이용하는 방법도 있다.

 

 

오디오든 비디오든 controls 속성을 반드시 넣어줘야 재생을 시킬 수 있다. 그렇지 않으면 웹브라우저 화면에 나타나지 않는다.