video --------------------------------------------------------------------------------
<video id="clip" width="390" controls="">
<source type="video/webm; codecs="vp8, vorbis"" src="src/chrome_japan.webm"></source>
<source type="video/mp4; codecs="avc1.42E01E, mp4a.40.2"" src="src/chrome_japan.mp4"></source>
<source type="video/ogg; codecs="theora, vorbis"" src="src/chrome_japan.ogv"></source>
</video>
audio --------------------------------------------------------------------------------
<audio id="audio-clip" controls="" width="670">
<source type="audio/mpeg" src="src/rushus-modal_blues.mp3"></source>
<source type="audio/ogg" src="src/rushus-modal_blues.ogg"></source>
</audio>
---------------------------------------------------------------------------------------
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<title> New Document </title>
</head>
<body>
<h1>media 플레이어</h1>
<video controls preload autoplay poster="media/flower.jpg" width="230" height="150">
<source src="media/flower.ogv" type='video/ogg; codecs="theora"' />
<source src="media/flower.webm" type='video/webm; codecs="vp8"' />
<source src="media/flower.mp4" />
<object width="230" height="150" title="flower소개" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param value="media/flower.swf" name="movie" />
<!--[if !IE]>-->
<object width="230" height="150" data="media/flower.swf" type="application/x-shockwave-flash">
<!--<![endif]-->
<param value="high" name="quality" />
<param value="transparent" name="wmode" />
<param value="9.0.45.0" name="swfversion" />
<div>
flower소개
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</video>
</html>
---------------------------------------------------------------------------------------
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<title> New Document </title>
</head>
<body>
<h1>media 플레이어</h1>
<video controls="" preload="" autoplay="" poster="media/flower.jpg" width="230" height="150">
<source src="media/flower.ogv" type="video/ogg; codecs="theora"' ></source>
<source src="media/flower.webm" type="video/webm; codecs="vp8"' ></source>
<source src="media/flower.mp4" /></source> <!--mp4는 코덱사용안해도 됌 -->
<p>Your browser does not support the video 이 브라우져는 지원하지 않습니다.</p> <!--fall back 멘트 -->
<object width="250" height="200" title="flower소개" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param value="media/flower.swf" name="movie" />
<!--[if !IE]>-->
<object width="250" height="200" data="media/flower.swf" type="application/x-shockwave-flash">
<!--<![endif]-->
<param value="high" name="quality" />
<param value="transparent" name="wmode" />
<param value="9.0.45.0" name="swfversion" />
<div>
flower소개
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<!--하위브라우져에서 fall back대신 사용 -->
</video>
<audio id="audio-clip" controls="" width="670">
<source type="audio/mpeg" src="src/rushus-modal_blues.mp3"></source>
<source type="audio/ogg" src="src/rushus-modal_blues.ogg"></source>
</audio>
</body>
</html>
</body>
</html>
