Firefox 3.1가 HTML5의 <video>와 <audio>태그를 지원합니다. 마음에 쏙드는 이 멋진 글Mozilla 개발자 포털에 막 올라온 정보입니다. Firefox 3.1은 현재 Ogg 포맷을 지원하고 있지만, 다른 포맷들에 대한 지원도 검토중이라고 합니다.

문서에 있는 사용 예제입니다.
[code:html]
<video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" autoplay>
Your browser does not support the <code>video</code> element.
</video>
참 쉽죠? 다른 형식의 여러 원본을 정할 수도 있습니다.
[code:html]
<video autoplay>
  <source src="foo.ogg" type="video/ogg"></source>
  <source src="foo.mov"></source>
  Your browser does not support the <code>video</code> element.
</video>
주의할 것은 아직 source 엘리먼트가 완전히 지원되는 것은 아니라는 점입니다.

미디어 재생은 자바스크립트로 컨트롤 될 수 있습니다.
[code:js]
var v = document.getElementsByTagName("video")[0];
v.play();
사용할 수 있는 이벤트가 상당히 많아서(22개나 있습니다!), 서로 다른 미디어 이벤트에 기반해서 어떤 동작을 붙이거나 UI를 업데이트 할 수 있습니다.
[code:js]
var v = document.getElementsByTagName("video")[0];

v.addEventListener("seeked", function() { document.getElementsByTagName("video")[0].play(); }, true);
v.currentTime = 10.0;
이 코드는 탐색이 일어나면 작동합니다.

from Firefox 3.1 to support HTML 5 video and audio
Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요