HTML - Video, Audio 태그 정리

191218 수업 내용 정리

---

 

<video>
   - 동영상 삽입 태그
       ▷속성 width, height : 영상 넓이, 높이 지정
                     controls : 동영상화면에 컨트롤 막대 추가
                     autoplay : 동영상을 자동으로 재생 -> 모바일, 크롬에서 잘 적용 X (IE는 사용가능)
                     poster : 동영상이 화면에 나오지 않을 때 대신 표시할 이미지 지정
       <source> : 동영상파일 경로 지정, <video> 안에서 사용, 빈 태그 
                           ▷속성 : src="동영상 경로" 
                                           type="video/확장자"
                           ※<source> 대신 <video> 안에 바로 src 속성으로 연결해도 됨

 

---

 

<Audio>

   - 음악 삽입 태그 : poster를 제외하고는 video태그와 속성 및 활용이 거의 유사함

 

---

   ※ video, audio 태그는 브라우저마다 다른 부분이 있기 때문에 꼭 확인하는 것이 필요합니다.