비디오,오디오 태그
- 태그와 함께 속성을 지정해서 웹페이지 에서 사용할 비디오,오디오를 지정한다.
- 태그 속성을 이용해 비디오을 상태를 지정 가능
| 태그 |
속성 |
설명 |
| audio, video |
src |
음악, 비디오 파일의 경로 지정 |
| preload |
음악, 비디오를 준비 중일 때 데이터를 모두 불러올지 여부 지정 |
| autoplay |
음악, 비디오의 자동 재생 여부 지정 |
| loop |
음악, 비디오의 반복 여부 지정 |
| controls |
음악, 비디오 재생 도구 출력 여부 지정 |
| video |
width |
비디오의 너비 지정 |
| height |
비디오의 높이 지정 |
코드 블록
- 브라우저 마다 지원하는 코덱이 다르기 때문애 한가지 형식만 사용하면 브라우저에 따라 작동하지 않을수도 있다
- 여러가지 형식을 지정해야 여러 브라우저에서 비디오 또는 오디오 가 작동한다.
<video width="640" controls="controls">
<source
src="비디오 경로.mp4"
type="video/mp4"
/>
<source
src="비디오 경로.mp4"
type="video/webm"
/>
</video>
<audio controls="controls">
<source
src="오디오 경로.mp3"type="audio/mp3"/>
<source
src="오디오 경로.ogg"type="audio/ogg"/>
</audio>