フルスクリーンAPIをもっと活用するためのJavaScriptライブラリ·BigScreen MOONGIFT
BigScreenは動画や画像のフルスクリーン表示を手軽に実装できるJavaScriptライブラリです。 HTML5から新しく追加されたAPIとしてフルスクリーンがあります。動画や写真、それ以外のコンテンツにおいても上手に使うとユーザビリティが向上できます。そんなフルスクリーン表示を手軽に実装できるライブラリがBigScreenです。 画像をクリックしました。フルスクリーン表示になりました。 動画のフルスクリーン表示にも対応しています。 サポートするWebブラウザはGoogle Chrome 15以上、Firefox 10以上、Safari 5.1以上となっています。なおSafari 5.0とiOS 4.2以上についてはvideoタグのフルスクリーン表示のみをサポートします。メソッドにはトグルやフルスクリーンがサポートされているかどうか、フルスクリーン表示になった（または終了した）時のコー
画像や動画にフルスクリーンボタンを付けられる「BigScreen」:phpspot開発日誌
BigScreen 画像や動画にフルスクリーンボタンを付けられる「BigScreen」。 画像や動画を単なるズームではなく、フルスクリーンで見れるようにしたいといったニーズがあるとして、このライブラリを使えば簡単にフルスクリーン機能が実現できます。 jQueryに依存していないため、若干クセのある使い方となりますが、自分で１からクロスブラウザで書くのは大変そうなので利用させてもらうと楽かも。 Chrome 15+ 、Firefox 10+ 、Safari 5.1+が対応。 フルスクリーンにするとやっぱり迫力が違いますね 関連エントリ フルスクリーン編集可能なWYSIWYGエディタ実装jQueryプラグイン「Redactor」 コンテンツをフルスクリーン表示にする際に便利なJSライブラリ「screenfull.js」 フルスクリーンでぼかしがカッコいいHTML5ギャラリーを作るサンプル
コンテンツをフルスクリーン表示にする際に便利なJSライブラリ「screenfull.js」:phpspot開発日誌
screenfull.js demo コンテンツをフルスクリーン表示にする際に便利なJSライブラリ「screenfull.js」 FullScreen API のクロスブラウザで動作するラッパーライブラリです。 例えば、ページ内に画像や動画があったとしてクリックするとフルスクリーンで楽しめる、的な使い方ができます。 screenfull.request( $('#container')[0] ); のように、screenfull.requrest( element ) でフルスクリーンが開始されます。 フルスクリーン化 フルスクリーンした後のイベントハンドラなんかも設定できるみたい。 関連エントリ フルスクリーン背景がスライドショーになるCSS3サンプル フルスクリーンでぼかしがカッコいいHTML5ギャラリーを作るサンプル １見の価値あり！なフルスクリーンWEBサイトのまとめ
『HTML5 Web Applicationのつくりかた』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 サイバーエージェントでフロントエンドの開発をしております 原(@herablog) です。 スマートフォン版 アメーバピグ新規作成で使用した技術について触れたいと思います。 #ちなみにこの記事ではHTML5を「最新ブラウザ向けのwebアプリケーション作成技術」というかなり広い解釈で使用していますので予めご理解ください。 今までDesktop・Android向けはFlashで作成されていたのですが、今回はiOS, Androidともに対応したいということで、HTML5でできるところまでやってみることにしました。 No Lag作るにあたり
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
