HTML의 video 태그에 대해서 알아보겠습니다. 이 전에 배웠던 <img> 태그와 비슷하게 사용하면 됩니다. HTML5가 등장하기 전에는 비디오를 올리는 표준화된 방법이 없었습니다. 비디오는 기본적으로 오랜시간 동안 브라우저가 제공하지 않았습니다. 플래시라는 프로그램을 이용하여 비디오를 보여주었습니다.
<html>
<body>
<video width="400" controls autoplay>
<source src="videos/small.mp4">
<source src="videos/small.ogv">
</video>
</body>
</html>
브라우저마다 브라우저가 진행하는 포맷(코덱)이 다릅니다. 파이어폭스의 경우에는 ogv, 크롬 같은경우에는 mp4. 코드 처럼 작성하면 가장 선호하는 형식을 웹브라우저가 선택해서 보여줍니다. 따라서 source를 여러개 써 넣어놔도 상관이 없습니다. 그리고 동영상 컨트롤을 위해서 video 태그안에 controls를 써줍니다. autoplay 속성같은경우에는 동영상이 자동으로 실행되게 해줍니다. 그때 그때 필요한 속성을 찾아서 써주면 됩니다.
'HTML' 카테고리의 다른 글
| [HTML] 외부문서삽입(iframe) (0) | 2019.05.12 |
|---|---|
| [HTML] View Port (0) | 2019.05.08 |
| [HTML] 정보로서의 html (0) | 2019.05.08 |
| [HTML] <form> 태그 (0) | 2019.05.08 |
| [HTML] html table (0) | 2019.05.08 |
