홈페이지 제작에 도움이 될만한 각종 테그 정보 입니다.
최근 브라우즈 들은 html 5 를 대부분 지원 합니다.
html 5 에서는 이전의 emble 테그 대신 새로운 기능이 포함되었습니다.
오디오 입력하는 테그
<audio controls>
<source src="ogg 파일 일때 / 파일 URL" type="audio/ogg">
<source src="MP3 파일 일때 / 파일 URL" type="audio/mpeg">
Your browser does not support the audio element.
(테그를 지원하지 않는다는 내용으로 페이지에는 표시 되지 않습니다.)
</audio>
예) <audio src="http://kwin.net/Date/파일이름.mp3" autoplay="autoplay" loop="5">
설명) 해당파일을 자동으로 재생하며, 재생회수는 총 5개.
주로 배경 음악 플레이때 사용하는 태그 입니다.
비디오 입력하는 테그
<video src="파일위치 URL" controls autoplay>
HTML5 Video is requrred for this example.
</video>
옵션
centrols 컨트롤 표시여부
muted 음소거 형태로 플레이하기
autoplay 로딩후 자동플레이 하기
preload 버퍼링 부분 설정
width 동영상 넓이를 지정
height 동영상 높이를 지정
사용 예1)
<video poster="http://로딩때 이미지 위치/640x360" width="640" height="360" controls="controls">
<source src="동영상 위치" type="video/mp4" />
<source src="웹형식 동영상 파일 위치.webm" type="video/webm" />
사용 예2)
<video width="640" height="360" controls="controls" class="video-js vjs-default-skin" data-setup="{}">
<source src="파일명.mp4" type="video/mp4" />
<source src="파일명.ogv" type="video/ogv" />
로그인 유지