<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>오디오 & 비디오 태그</title>
</head>
<body>
<video src="./data/Seoul.mp4" controls="controls" poster="./data/seoul_poster.jpg"></video>
<!-- video의 속성 controls를 사용해야 재생 버튼이 생김 -->
<!-- video의 기본값은 로딩과 대기 -->
<!-- poster 속성으로 첫 화면을 이미지로 값을 지정해 줄 수 있음 -->
<p></p>
<audio src="./data/music.mp3" controls="controls"></audio>
<!-- audio의 속성 controls를 사용해야 컨트롤 박스가 나옴 -->
</body>
</html>
Engineering is the closest thing to magic that exists in the world.