video.html
<body>
<!--
# video 태그
- 웹 페이지에서 영상을 재생할 때 사용하는 태그입니다
- <video src="" width=""height="" type=""></video>
* src : 비디오 파일 경로 지정
width, height : 비디오 파일 크기 지정
type : 확장자에 따른 파일 type 지정
-->
<h2>video 태그</h2>
<br/>
<h3>기본 재생</h3>
<video src="../01_text/image/media/Sample.mp4" width="400px" height="300px" type ="video/mp4" controls></video>
<br/>
<video src="../01_text/image/media/Sample.mp4" width="400px" height="300px" type ="video/mp4" controls autoplay muted></video>
<br/>
<h3> 브라우저 선택 재생</h3>
<video width="400px" height="300px" controls>
<source src="../01_text/image/media/Sample.ogv" type="video/ogv"/>
<source src="../01_text/image/media/Sample.mp4" type="video/mp4"/>
</video>
iframe.html
<body>
<!--
# iframe 태그
- 웹페이지 안에 다른 웹 페이지를 표시할 때 사용합니다
-->
<h2>iframe 태그</h2>
<br/>
<h3>기본</h3>
<iframe src ="http://www.daum.net" width="100%" height="30%"></iframe>
<br/>
<h3>youtube 링크</h3>
<iframe src="https://www.youtube.com/embed/p7-ndhZgrOE" width="100%" height="30%"></iframe>
</body>
audio.html
<body>
<!--
#audio 태그
- 웹 페이지에서 오디오 파일을 재생할 때 사용하는 태그입니다.
-->
<h2>audio 태그</h2>
<br />
<h3>기본 재성</h3>
<audio src="../01_text/image/media/chicken.mp3" type="audio/mpeg"
controls></audio>
</br>
<audio src="../01_text/image/media/chicken.mp3" type="audio/mpeg"
controls autoplay></audio>
</br>
<h3>브라우저 선택 재생</h3>
<audio controls autoplay>
<source src="../01_text/image/media/Kalimba.mp3" type="audio/ogg">
<source src="../01_text/image/media/Kalimba.mp3" type="audio/ogg">
</audio>
</body>
코딩 일기장