HTML5で導入予定のvideo要素について

HTML4ではimg要素で画像ファイル(pngやjpg)を埋め込むことができますが、これと同じように動画(movやmp4)をHTMLに埋め込めるようになります。


動画を表現する要素をHTMLが直接サポートすることで動画を調節するパラメータをHTML中に書いたりJavaScriptから操作できるようになるため、HTML4までで使われていた「objectタグ、またはembedタグとプラグイン」という方法に比べてWebアプリケーションでの動画の扱いが便利になるはずです。

videoを使ったサンプルとか

Firefox
http://builder.japan.zdnet.com/sp/firefox-3-for-developer-2008/story/0,3800087566,20379994,00.htm
Safari
http://webkit.org/blog/140/html5-media-support/
Opera
http://dev.opera.com/articles/view/a-call-for-video-on-the-web-opera-vid/

あと http://homepage.mac.com/jgoamakf/d.hatena.ne.jp/20081026/index.htmlニコニコ動画風にコメントを流せる動画プレーヤーを作ろうとして、途中で力尽きたのを置いておきます。いろいろ調べているうちに疲れてしまった。

  • Safari 3.1, Mac OS X 10.5.5でしか動きません(もう少し経てばvideoが使えるFirefoxOperaも出て来るはずですが)。
  • 再生位置を調節するバーは、停止中のときしか使えません
  • コメントを表示するのはbodyのonloadではなく、videoのonloadイベントで行なっています。videoの読み込みが終わらないと動画の長さが分からないようです。
  • 「読み込み中」表示は作ってないのですが、とにかく待ってみて下さい。