これは必見かもなYoutube等の埋め込み動画を動的にリサイズするCSS例:phpspot開発日誌
CSS: Elastic Videos これは必見かもなYoutube等の埋め込み動画を動的にリサイズするCSS例。 ブロックのサイズが変更された際において動画を固定サイズにしてしまうとレイアウトが崩れてしまいますが、公開されているサンプルを使うと、HTML5動画、embed/iframeの動画をレイアウトに合わせてCSSで自由に伸縮可能。 解像度の違う、iPhone等でも動作を確認しているそうで、どんな環境でも動画をページにフィットさせたい用途に有用です。 通常サイズ。ブロックいっぱいに広がる動画 幅をiPhoneなみに小さくしてみた例。動画も縮んでます。 IEでも動くみたいです。 これは覚えておいたほうがよさそうです。 関連エントリ フリーで新しめのXHTML/CSSで書かれたサイトテンプレート４５ ぜんぶピュアCSSでやっちゃおうというJavaScriptの代替デモ５６ Ajaxスタ
HTML5ベースの動画プレイヤー１１:phpspot開発日誌
11 Efficient HTML5 Video Players | blueblots.com HTML5ベースの動画プレイヤーが１１種類まとまったエントリのご紹介です。 UIがそれぞれ個性を持っているので好みに合わせて選ぶことができそう Flashを使うことなく、既存のWEB技術でデザインを調整できるのはいいですね。 関連エントリ HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」 HTML5ビデオの内容に併せて他コンテンツを連動させて切り替えられるフレームワーク「Popcorn.js」 これは見ておくべきHTML5のCanvasを使ったデモ集 HTML5のキャンバスと連動させて音声をビジュアライズしたデモ
動画ブログのためのハイクオリティWordPressテーマ２５:phpspot開発日誌
25 Premium WordPress Video Themes ? WPSmash 動画ブログのためのハイクオリティWordPressテーマ２５。 まだまだ動画ブログはそんなに多くないかもしれませんが、いざ動画ブログを作ろうっていう時にWordPressでクールなブログを作れそう。 Youtube, Vimeo, Veoh, Metacast等の外部動画サイトや、サーバ上のFLV、HTML5動画を配信するためのテーマがある模様。 動画ブログを作る、って時に覚えておくと素早く仕事を終えることができるかも。 関連エントリ かなりいい感じのWordPressテーマ２０ シンプルなポートフォリオサイト構築用WordPressテーマ25 かなり美麗なフリーのWordPressテーマ60
HTML5な動画プレイヤー色々2011:phpspot開発日誌
10 Best HTML5 Video Player | denbagus blog HTML5な動画プレイヤー色々2011。 様々なHTML5動画プレイヤーがリリースされていますが、現時点での検討・比較に便利なエントリが公開されています。 HTML5非対応ブラウザにもFlashでフォールバックしてくれる物や、jQueryプラグインをベースにした物、UIがかっこいい物などニーズに分けて使い分けられそうです。 アクセス解析を見ていると、iPhoneやiPadがどんどん増えてきている中、HTML5プレイヤー+Flashフォールバックというのが今後重要になってくる気がします。 (Flash単体だとiPhoneやiPadで見れないわけなので動画を見せたい場合は致命的） 関連エントリ 見ておくべきHTML5サイト集 HTML5のcanvasタグで描くグラフ描画ライブラリ「AwesomeChartJS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
