HTML 멀티미디어

비디오

<!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>

저작자표시 비영리 변경금지

'Learning > HTML&JavaScript' 카테고리의 다른 글

자바스크립트 (0)	2020.07.24
CSS3 선택자 (0)	2020.07.24
HTML5 시멘틱 태그 (0)	2020.07.24
CSS 레이아웃 (0)	2020.07.21
CSS와 박스 모델 (0)	2020.07.21