Mick Chambers씨가 JavaScript와 Flash를 이용하여 HTML5 태그를 구현하셨습니다.

기본적으로, 이 라이브러리는 VIDEO 엘리먼트/태그와 속성을 해석하고, 특정 동영상을 읽어들일 수 있는 Flash 비디오 재생기를 표시하기 위해 적합한 OBJECT 혹은 EMBED 엘리먼트로 대체합니다. h264 컨텐트와 FLV 형식 둘 다 재생가능합니다.

이 라이브러리는 Flash 컨텐트의 표현을 위해 SWFObject JavaScript 라이브러리를 사용했습니다.

현재 구현된 VIDEO 속성은 다음과 같습니다:

  • controls
  • poster
  • autoplay
  • width
  • height
  • playcount

까다로운 부분은 VIDEO DOM 스크립팅 API를 깔끔하게 구현하는 일입니다. 당연히 가능할 거라고 믿고 있긴 하지만 말입니다.

사용해보시려면, 다음과 같이 vedio 태그를 채우시면 됩니다:
[code:js]
<script type="text/javascript" src="swfobject/src/swfobject.js"></script>
<script type="text/javascript" src="html5_video.js"></script>
 
<video src="http://onair.adobe.com.edgesuite.net/onair/raulph_hauwert_papervision3d.flv"
        controls
        poster="testpattern.png"
        autoplay="true"
        width="640"
        height="360"
        playcount="500">
</video>
예제는 여기서 보실 수 있고, 스크립트는 여기서 받으실 수 있습니다.

from HTML5 Video tag implemented in Flash on Ajaxian
Posted by 행복한고니 트랙백 0 : 댓글 3

댓글을 달아 주세요

  1. addr | edit/del | reply 궁금 2010.04.27 16:01

    위의 video 속성에서 playcount의 역할이 무엇인가요???

    • addr | edit/del BlogIcon 행복한고니 2010.04.27 22:03 신고

      playcount는 video 태그에는 사용되지 않고 audio 태그에만 사용되는데, 지정한 음악을 몇 번 반복재생하는지 정하는 속성입니다.

  2. addr | edit/del | reply 궁금 2010.04.28 09:23

    아..그렇군요..위 예제에 playcount속성이 있길래요..답변 감사합니다^^