video 태그 속성
- 자동재생:
autoplay
- 크롬은 음소거가 된 상태에서 자동재생이 가능하다 :
muted 추가
<video controls autoplay muted>
- 다운로드 여부
prelaod : none auto metadata
none 미리 다운로드 안함auto, metadata 미리 다운로드 함
- 썸네일 이미지
poster='이미지경로'
- 무한반복재생
loop
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>html5 video</title>
</head>
<body>
<div class="video-box">
<video class="video-container" controls autoplay muted preload="metadata">
<source src="img/bridge.mp4" type="video/mp4">
</video>
<h3 class="video-title">Video Title</h3>
</div>
</body>
audio 태그 속성
- 음소거:
muted
- 자동재생기능 안됨
autoplay(x)
- 다운로드 여부
prelaod : none auto metadata
none 미리 다운로드 안함auto, metadata 미리 다운로드 함
- 무한반복재생
loop
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>html5 audio</title>
</head>
<body>
<audio src="img/bass.mp3" controls muted></audio>
<audio controls muted>
<source src="bass.mp3">
</audio>
</body>
