최근 브라우즈 들은 html 5 를 대부분 지원 합니다.

html 5 에서는 이전의 emble 테그 대신 새로운 기능이 포함되었습니다.

오디오 입력하는 테그

   <audio controls>

     <source src="ogg 파일 일때 / 파일 URL" type="audio/ogg">                   

     <source src="MP3 파일 일때 / 파일 URL" type="audio/mpeg">

       Your browser does not support the audio element. 

      (테그를 지원하지 않는다는 내용으로 페이지에는 표시 되지 않습니다.)

     </audio>

       예) <audio src="http://kwin.net/Date/파일이름.mp3" autoplay="autoplay" loop="5">

       설명) 해당파일을 자동으로 재생하며, 재생회수는 총 5개.

               주로 배경 음악 플레이때 사용하는 태그 입니다.

비디오 입력하는 테그

 <video src="파일위치 URL" controls autoplay>                                       

      HTML5 Video is requrred for this example.

     </video>

옵션

centrols 컨트롤 표시여부

muted  음소거 형태로 플레이하기

autoplay 로딩후 자동플레이 하기

preload 버퍼링 부분 설정

width 동영상 넓이를 지정

height 동영상 높이를 지정

사용 예1)

<video poster="http://로딩때 이미지 위치/640x360" width="640" height="360" controls="controls">

    <source src="동영상 위치" type="video/mp4" />

    <source src="웹형식 동영상 파일 위치.webm" type="video/webm" />

</video>

사용 예2)

<video width="640" height="360" controls="controls" class="video-js vjs-default-skin" data-setup="{}">

    <source src="파일명.mp4" type="video/mp4" />

    <source src="파일명.ogv" type="video/ogv" />

</video>