Learning/HTML&JavaScript
HTML 멀티미디어
cozy coding
2020. 7. 24. 13:56
-
비디오
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>SUMMER BEACH</h1>
<video width="400" height="220" controls autoplay>
<source src="media/Beach.mp4" type="video/mp4">
<source src="media/Beach.webm" type="video/webm">
</video>
</body>
</html>
-
오디오
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>멀티미디어 재생</title>
<style>
#con{
width: 600px;
margin: 0 auto;
padding: 20px;
}
</style>
</head>
<body>
<div id="con">
<h1>오디오 재생하기</h1>
<audio src="media/bgsound2.mp3" controls>
</audio>
</div>
</body>
</html>
