Mick Chambers씨가 JavaScript와 Flash를 이용하여 HTML5 태그를 구현하셨습니다.
from HTML5 Video tag implemented in Flash on Ajaxian
사용해보시려면, 다음과 같이 vedio 태그를 채우시면 됩니다:기본적으로, 이 라이브러리는 VIDEO 엘리먼트/태그와 속성을 해석하고, 특정 동영상을 읽어들일 수 있는 Flash 비디오 재생기를 표시하기 위해 적합한 OBJECT 혹은 EMBED 엘리먼트로 대체합니다. h264 컨텐트와 FLV 형식 둘 다 재생가능합니다.
이 라이브러리는 Flash 컨텐트의 표현을 위해 SWFObject JavaScript 라이브러리를 사용했습니다.
현재 구현된 VIDEO 속성은 다음과 같습니다:
- controls
- poster
- autoplay
- width
- height
- playcount
까다로운 부분은 VIDEO DOM 스크립팅 API를 깔끔하게 구현하는 일입니다. 당연히 가능할 거라고 믿고 있긴 하지만 말입니다.
[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>
예제는 여기서 보실 수 있고, 스크립트는 여기서 받으실 수 있습니다.<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
'[IT] Web Tech' 카테고리의 다른 글
| IE 버전별 테스트를 조금 더 편하게! (0) | 2008.06.05 |
|---|---|
| YUI 2.5.2 릴리스, Firefox 3와 Opera 9.5 지원 대폭 개선 (0) | 2008.06.05 |
| Addressbook: Form History 패턴의 예제 (0) | 2008.06.04 |
| Yahoo! BrowserPlus 엿보기 (0) | 2008.06.04 |
| Flash로 구현된 HTML5의 Video 태그 (3) | 2008.06.04 |
| SquireelFish: WebKit의 빠른 새 JavaScript 엔진 (4) | 2008.06.04 |
| "모바일 웹에서 빠르게" 프리젠테이션 (0) | 2008.06.04 |
| Google AJAX 라이브러리 API (4) | 2008.06.04 |
| Sound Manager2 업데이트: 속도와 데모 (0) | 2008.06.03 |