[HTML+CSS][HTML5와 멀티미디어] 03

개인공부/HTML5 + CSS3

[HTML+CSS][HTML5와 멀티미디어] 03 - 연습문제

🍇박봉봉🍇 2020. 7. 17. 15:00

01

<!DOCTYPE html>

<html lang="ko">
<head>
    <meta charset="utf-8">
    <title>멀티미디어 재생하기</title>
		<style>
			#container {
        width:600px;
        margin:10px auto;
        padding:20px;
			}
		</style>
</head>
<body>
  <div id="container">
    <h1>오디오 재생하기</h1>
    <audio src="media/bgsound2.mp3" controls></audio>
  </div>
</body>
</html>

02

<!DOCTYPE html>

<html lang="ko">
<head>
    <meta charset="utf-8">
    <title>멀티미디어 재생하기</title>
		<style>
			#container {
        width:600px;
        margin:10px auto;
        padding:20px;
			}
		</style>
</head>
<body>
  <div id="container">
    <h1>SUMMER BEACH</h1>
    <video width="400px" height="220px" controls>
        <source src="media/Beach.mp4" type="video/mp4">
        <source src="media/Beach.webm" type="video/webm">
    </video>
  </div>
</body>
</html>

< 참고 >

Do it! HTML5+CSS3 웹 표준의 정석

※ 해당 글은 습득 목적으로 작성된 글입니다 ※

저작자표시