📕 오디오 태그
📚 <audio>
<audio></audio> : 시작 태그와 끝 태그를 모두 사용<audio>_속성
- src = " (경로) "
<audio src="text.mp3"></audio> : 경로 지정-
preload
: 음악 재생 전 데이터를 모두 불러올지 여부 지정 -
autoplay = "autoplay"
<audio autoplay="autoplay"></audio> : 음악 자동재생 여부 결정
<audio autoplay></audio>-
loop
: 음악의 반복 여부 결정 -
controls = "controls"
<audio controls="controls"></audio>: 음악 재생 도구 출력 여부 지정
<audio controls></audio>📚 <source>
<body>
<audio controls="controls"> : source src쓰면 audio에 src는 생략
<source src = "text.mp3" type = "audio/mp3"> : 웹브라우저 구버전용
<source src = "text.ogg" type = "audio/ogg"> : 확장자 여러개 가능
</audio>
</body>📙 비디오 태그
📚 <video>
<video></video><video>_속성
- src = " (경로) "
<video src = "text.mp4"></video> : 경로 지정- poster = " (경로) "
<video poster = "http://placehold.it/640x360"></video> : 비디오 준비 중일때 표시할 이미지 경로-
preload
: 비디오 재생 전 데이터를 모두 불러올지 여부 지정 -
autoplay
: 비디오의 자동재생 여부 지정 -
loop:
: 비디오의 반복재생 여부 지정 -
controls = "controls"
<video controls="controls"></video> : 비디오 재생 도구의 출력 여부 지정- width = " (숫자) "
<video width = "640"></video> : 비디오 너비 지정- height = " (숫자) "
<video height = "360"></video> : 비디오 높이 지정video.js 플러그인
<head>
<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.ent/c/video.js"></script>
</head>
<body>
<video class ="video-js vjs-default-skin" data-setup="{}"></video>
</body>📚 <track>
<track> : 자막 넣기 (구버전 srt, 기본 vtt)<track>_속성
-
kind
: 종류 -
src
: 경로 -
srclang
: 자막 파일의 언어 -
label
: 어떤 언어로 재생?
<track kind="subtitles" src="track.vtt" srclang="ko" label="Korean" default> : 기본지정
<track kind="subtitles" src="track.vtt" srclang="en" label="English">
<track kind="subtitles" src="track.vtt" srclang="jp" label="Japanese">
<track kind="subtitles" src="track.vtt" srclang="ch" label="Chinese">