『video要素』超基本を知る!! | HTML5でサイトをつくろう
video要素について 今回はHTML5新要素の中でも注目度が高い｢video要素｣の基本的な記述方法をご紹介します。 video要素はFlashなどのプラグインを使用することなく動画をウェブ・ページに表示することができます。ですが、IEが8まで対応していないことなどから動画コンテンツはまだまだFlashを使ったものが多いように感じます。今後ブラウザの対応が進めば、video要素を使った面白い動画コンテンツがドンドン出てくると思いますので、その時にコンテンツ制作に関わったりアイデアを出せるように今から少しずつ学んでいこうと思います。 video要素の再生とブラウザ表示 video要素をただ再生するにはsrc属性に再生する動画ファイルを指定するだけです。試しにsrc属性にMP4形式のファイルを指定しブラウザでの表示確認をしてみます。また、controls属性を指定することで再生・停止ボタンな
【レビュー】HTML5 VideoまとめとMediaElement.js | エンタープライズ | マイコミジャーナル
Technology and web development in curly bracket languages {Javascript, C#, ActionScript} HTML5 Videoはそのコーデックまでは規約では規定されていない。現在のところH.264、OGG、WebMという3つのコーデックが有力視されており、ブラウザにおけるサポートもさまざまだ。IE9以前のIEのようにHTML5 Videoをサポートしていないブラウザに対応することも考えると、FlashやSilverlightのサポートも必要になってくる。こうした現状に対応するためいくつかのテクニックとJavaScriptフレームワークとプレーヤが登場している。実現方法はさまざまだが、そのほとんどがHTML5 Videoをサポートしていればそれを使い、そうでなければ最終的にFlashを受け皿に使うといった仕組みを採用し
MooTools用のHTML5動画プレイヤー「Moovie」:phpspot開発日誌
Moovie: custom controls for the HTML 5 video element with MooTools ? Code ? Colin Aarts, freelance web developer MooTools用のHTML5動画プレイヤー「Moovie」が公開されています。 UIも可愛らしい感じでシンプルに実装されている点が特徴です。 次のように、バーが半透明に表示されてアイコンもかわいいUIになってます。 動画をクリックで停止・再生が切り替えられるようです。 クールなものも色々と用意されてきており、選択肢が増えていいですね。 iPad等で閲覧する場合はその場で再生できるというのも大きなメリットですね。 関連エントリ 無茶苦茶カッコいいHTML5ビデオプレイヤー「SublimeVideo」 CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ
CSSでクールにデザインされたHTML5動画・音楽プレイヤー実装JS「MediaElement.js」:phpspot開発日誌
HTML5 video player in CSS with Silverlight and Flash : MediaElement.js CSSでクールにデザインされたHTML5動画・音楽プレイヤー実装JS「MediaElement.js」 HTML5非対応ブラウザ向けに、Flashはもちろん、こちらのライブラリではSilverlightもサポートしています。 こうしたライブラリも多数出揃ってきていますが、どれがよく使われるようになるんでしょうね。 １つの選択肢として覚えておいてもよいでしょう。 関連エントリ CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」 HTML5で動画や音声再生を可能にするライブラリ集 MooTools用のHTML5動画プレイヤー「Moovie」
【レビュー】YouTubeビデオの組み込みでHTML5 VideoとFlashの両方をサポートする方法 | ネット | マイコミジャーナル
YouTube - Broadcast Yourself. 無料動画サービスの代表的存在YouTubeは将来のバージョンでFlashのみならず、HTML5のvideo機能を使った動画配信を予定している。エンコードも現在サポートしているH.264のみならずWebMプロジェクトでブラッシュアップが進められているVP8にも対応するとみられる。YouTubeとしては複数の演奏方式やエンコードに対応することで、多種多少なモバイルデバイスを含めたプラットフォームに対する訴求力を強める狙いがあるとみられる。 Flash以外のサポートは謳っているものの、これまでそれを組み込みで実現する方法は提供されてこなかった。現在でもまだ提供されていないようだが、YouTube API Blog: A New Way To Embed YouTube Videosにおいて将来の計画が発表されている。次のようなコードで組
CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」:phpspot開発日誌
Video JS | HTML5 Video Player CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」。 HTML5はまだ実装されてないブラウザが一杯あるし・・・という方も心配ないように、FlowPlayerによってFlashビデオ再生できるようになってます。 これなら多くのブラウザがHTML5対応しなくても、すぐにでも実装しちゃえますね。 ライブラリは独立しており、簡単に使え、フルウィンドウモード対応、ボリュームコントロール対応なんかの機能もついています。 GitHubでオープンソース開発されているので改造するのも容易です。 関連エントリ 無茶苦茶カッコいいHTML5ビデオプレイヤー「SublimeVideo」 ブラウザのCSS3、HTML5絡みの対応が一発で分かるようにできるライブラリ「Modernizr」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーのオープンソースなHTML5動画プレイヤーいろいろ:phpspot開発日誌