タグ

videoとHTML5に関するtakeodonのブックマーク (5)

  • Takazudolog - 地獄のvideo/audio要素

    video/audioにハマりまくったメモ。作ってたのは、Flashでやってたような、複数の動画ファイルを、途中の選択肢によって色々変えながら見せるというようなインタラクティブムービーみたいなの。なので、ハードにvideoを使いまくるという意味で、普通に一動画を見せるという用途よりももっと色々する必要があったわけだけれども、そうでない場合でも、videoが色々厄介であるということは知っておく必要があると思う。 とりあえず、videoやaudioを使いたい人は、以下の2ページを熟読せよ。 プラグインは要らない!音声/動画対応したHTML5 - audio/video要素 | Think IT Video - Dive Into HTML5 videoのイベントは HTML5 Video を眺めてるとなんとなく分かる。 audioライブラリ試してうまくいったやつはこれ。 SoundJS vi

    Takazudolog - 地獄のvideo/audio要素
  • HTML5のvideoタグでMP4の動画を再生する方法 | StrawberryShortCakes

    JSライブラリを使用する HTML5非対応ブラウザに対応する方法として、JSライブラリがあります。※MP4に絞って検証。 VIDEO.js 最初に試したのはVIDEO.jsです。 このJSライブラリを使用すると、HTML5に対応しているブラウザではvideoタグで再生し、対応していないブラウザではFlashプレーヤーで再生されます。プレイヤーはオリジナルのものでしたが、IE8以下で確認したところ、IE6・7でコントローラーの表示が崩れていました。 html5media.js 次に試したのはhtml5media.jsです。 こちらもHTML5に対応しているブラウザはvideoタグ、対応していないブラウザではFlashプレーヤーのflowplayerで再生されるというものです。一点気になったのはこのflowplayer。確認してみると有償(1ドメイン$95〜)で提供されているプレイヤーのようで

    HTML5のvideoタグでMP4の動画を再生する方法 | StrawberryShortCakes
  • the new code – not found – blog / 777

    Photograph by Donnie Ray Jones, used under a Creative Commons Attribution 2.0 Generic license.

  • 『video要素』超基本を知る!! | HTML5でサイトをつくろう

    video要素について 今回はHTML5新要素の中でも注目度が高い「video要素」の基的な記述方法をご紹介します。 video要素はFlashなどのプラグインを使用することなく動画をウェブ・ページに表示することができます。ですが、IEが8まで対応していないことなどから動画コンテンツはまだまだFlashを使ったものが多いように感じます。今後ブラウザの対応が進めば、video要素を使った面白い動画コンテンツがドンドン出てくると思いますので、その時にコンテンツ制作に関わったりアイデアを出せるように今から少しずつ学んでいこうと思います。 video要素の再生とブラウザ表示 video要素をただ再生するにはsrc属性に再生する動画ファイルを指定するだけです。試しにsrc属性にMP4形式のファイルを指定しブラウザでの表示確認をしてみます。また、controls属性を指定することで再生・停止ボタンな

    『video要素』超基本を知る!! | HTML5でサイトをつくろう
  • HTML5 Video Destruction

    Block based destruction of HTML5 video, best viewed in webkit based browsers. Return to Craftymind Article Due to popular request, the ogg video is now 640 x 360, don't hold me responsible for crashing your browser ;)

    takeodon
    takeodon 2011/06/20
    HTML5のvideo要素とcanvas要素を組み合わせた例
  • 1