<video>タグで動画を埋め込む－HTML5リファレンス
■<video>タグで動画を埋め込む 現在、インターネット上で動画が提供される場合には、Flashなどの独自フォーマットを利用するのが一般的です。 こうした独自フォーマットの動画を再生するには、 それぞれのフォーマットを再生するのに必要なプラグインを、ブラウザに追加インストールする必要があります。 HTML5では、任意の動画フォーマットを文書に埋め込むための<video>タグが追加されています。 この<video>タグを使用することで、ユーザーにプラグインをインストールしてもらうことなく、 HTMLからシンプルに動画を扱えるようになります。 感覚的には<img>タグで画像を扱うような感じです。 <video>タグで文書に動画を埋め込む場合には、例えば以下のように記述します。 とてもシンプルです。 ■ユーザー環境への配慮 <video>タグは、旧いブラウザではサポートされていない場合がありま
「Flashじゃなくて HTML5で ビュンビュン動くサイトを 作ってと言われたら」資料公開しました
2013-02-09 「HTML5 Carnival Fukuoka（HTML5カーニバル福岡）」 お時間を頂いて「Flashじゃなくて HTML5で ビュンビュン動くサイトを 作ってと言われたら」というお題でお話しさせていただきました。 使用したスライドをSlideshareで公開しました。 http://www.slideshare.net/taikiken/flash-html5-16435861 話した内容は、このブログの書きかけの投稿が元になっています。 1年ほど前から、何度も書いては書き直しを続けていたものです。 なかなか話がまとまらず、このままお蔵入りかと思ったのですが、おかげさまでこうやって公開することができ嬉しく思っています。 JavaScript でスペシャルサイト制作をすることが増え、その時に感じたことをまとめたつもりです。 HTML5とFlashの関係性について自分
HTML5で作られたビデオプレイヤー集「10 Best HTML5 Video Player」
次世代の言語として期待されているHTML5、すでにスマートフォン関係の標準ブラウザで対応し始めていることもあり、利用したことが有るという方もWEB制作者であれば多いのではないでしょうか？今日紹介するのはそんなHTML5で作られたビデオプレイヤーをまとめたエントリー「10 Best HTML5 Video Player」です。 FryPlayer – HTML5 Video Player 全部で10種類のHTML5で作られたビデオプレイヤーがまとめられていましたが、今日はその中から幾つか気になったものを紹介したいと思います。 詳しくは以下 ■LeanBack Player モバイルを始め、多くのブラウザで対応可能なビデオプレイヤー ■MediaElement.js- HTML5 Video Player オーディオのみの再生も可能なメディアプレイヤー。 ■Flare Vide0 – HTML
Apacheのディレクトリインデックスをありえない位かっこ良くできる「h5ai」:phpspot開発日誌
h5ai larsjung.de Apacheのディレクトリインデックスをありえない位かっこ良くできる「h5ai」 HTML5の機能を使って、通常の味気ないディレクトリインデックスをかなりかっこ良くしちゃうというものです。 ディレクトリ一覧。アイコンなんかもついてかなりリッチ mod_headersとmod_autoindexというApacheモジュールを応用して作られているようですが、こんなことが出来るとは知りませんでした。 表示方法もアイコンベースに変更することも可能です。これはイカしていますね。 サイドの丸みを帯びた物体にカーソルをあわせるとニュイーンと伸びてツリービューが表示。これまた便利です。 動作デモはこちら デザインは基本的にHTML+CSSなので、あなた好みにカスタマイズすることも可能。 Apacheの味気ないデザインページは嫌だ！というデザイナーさんは覚えておくとよさそう
FLASHをHTML5に変換できるGoogle swiffy公開、iPhoneやiPadにも対応
Adobeの「FLASH」やマイクロソフトの「Silverlight」といった既存のリッチコンテンツ配信プラットフォームに置き換わるものとして、GoogleやAppleは「HTML5」を推進していますが、ついにGoogleがFLASHコンテンツをHTML5コンテンツに自動変換できる「Google swiffy」を公開しました。 FLASHコンテンツをめぐってはiPhoneやiPadなどの自社製品での非サポートを貫くAppleと、Android 2.2以降から正式対応しているGoogleとで対応は分かれていますが、「Google swiffy」はiPhoneやiPadなどでも利用可能となっています。 Google Swiffy Googleが同社のエンジニアによる実験用サイト「Google Labs」で公開した新サービス「Google swiffy」はFLASHコンテンツをアップロードするだ
アドビ、FlashをHTML5に変換するツール「Wallaby」発表
Adobe Labsは米国時間3月7日、FlashをHTML5に変換する新しい無償ツール「Wallaby」を発表した。 AdobeのMAX 2010カンファレンスで最初に披露された同ツールは現在のところ、変換はできるが荒削りな部分があるとAdobe Flash Professionalシニア製品マネージャーを務めるTom Barclay氏は述べた。「HTML5は、バナー広告やウェブパブリッシングにおいて重要な技術」と同氏は述べるとともに、Flashは、特に複雑な双方向性が必要なゲームにおいて開発者らによって多用されているということを強調した。 現状のWallabyでは、FLA形式のファイルを選択して変換すると、そのFlashファイルがHTML5、JavaScript、CSSに変換される。ほとんどの描画要素、塗りつぶし、シェイプトゥイーン、モーショントゥイーン、シンボル名、インスタンス名など
HTML5.0のブラウザ対応状況 | HTML5とは？変わるWebと注目の新要素 HTML5.0の情報サイト
HTML5.0が登場したとしても、ブラウザが対応しないことには誰も見ることが出来ません。ホームページを閲覧するにはブラウザが欠かせないことから、HTML5.0の普及とブラウザの対応状況には切っても切れない関係があります。 現在、市場で一定以上のシェアを持っているブラウザを挙げてみると「Internet Explore（IE）」、「Firefox」、「Opera」、そしてMacOSの標準ブラウザである「Safari」となります。IEはWindowsパソコンを購入すると標準装備されていることから、それをそのまま使用する人が多く、現在でも圧倒的なシェアを持つブラウザです。あまりにもシェアが高いことで、アメリカでは独占禁止法違反で提訴されたほどです。 日本でもIEのシェアは非常に高く、IEがHTML5.0に対応するということは、ブラウザがHTML5.0に対応していることを意味します。IEの対応状況
The Wilderness Downtown
An interactive film by Chris Milk Featuring "We Used To Wait" Built in HTML5 This film does not work on mobile as it requires pop-ups. Please visit the site from a desktop browser. This film requires pop-ups. Click the icon in the address bar. Select "Always allow pop-ups from wildernessdowntown.com."
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
html5のビデオタグについてvideoタグをオンマウスで再生、離すと停止する(再度オンマウスした際は動画は始めから流れる)仕組... - Yahoo!知恵袋
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
IDEA * IDEA