YouTubeを背景動画にしてフルスクリーンで流すjQueryプラグイン「Tubular」
Webサイトのページ背景に動画を流して、お洒落に演出したい方にオススメなのがこの「Tubular」というjQueryプラグイン。 YouTube動画をWebサイトの背景としてフルスクリーンで流すことができます。 Youtubeを利用しているので、表示も軽くて快適です。 設定も簡単です。サンプルを作ってみました。 ※ iPhoneのSafariではうまく動作しない場合があります。 「Tubular」の使い方は、続きをご覧下さい。 「Tubular」の設置方法 まずは、Tubularのダウンロードページから、jquery.tubular.1.0.1.zipをダウンロードします。 https://code.google.com/archive/p/jquery-tubular/downloads ダウンロードしてきた一式のファイルの中で、利用するのは以下のファイルになります。 screen.cs
これでレンタルビデオとかおさらばだ！無料で映画やドラマが観れる「PipiiStream」がヤバい！｜| ＾＾ |秒刊SUNDAY
毎日、毎週のように、レンタルビデオで映画やドラマを観るという人には朗報だ！ なんと、完全無料でオールジャンルのドラマや映画を視聴できるサイトがあるというのでご紹介したい。 その名も、2012年冬にオープンし話題となっている「PipiiStream（ピピィストリーム）」だ。 映画やカルチャー、成人向けコンテンツなど500タイトル以上の動画を、ダイジェストやプロモーションではなく、本編すべてを完全無料で配信しており、サイトにアクセスするだけで、誰でも手軽に視聴することが出来る。 （画像） 2010年に公開された、俳優・渡部篤郎が初監督を挑んだ「コトバのない冬」や、熊田曜子主演の「ナース白書」 などの映画、さらに、リア充男女4人組の青春ラブストーリーを描いた「ワイルド・ブルー」、有名強豪プロ雀士が対局を繰り広げる人気麻雀番組「天空麻雀」など、多種多様なジャンルの動画が毎週追加されており、全てが完
朝日新聞デジタル：動画で数学、わかりやすい！ 関西学院高の数理科学部 - 社会
【動画】関西学院高等部の数理科学部が研究や授業を動画配信中田和宏教諭（左）の授業を撮影する数理科学部員ら＝西宮市上ケ原一番町の関西学院高等部 【瀬戸口和秀】数学の面白さを追究している関西学院高等部（兵庫県）の数理科学部が、研究成果や数学科教諭の授業を動画にまとめ、教育・学習向けの動画サービス「ｉＴｕｎｅｓ Ｕ（アイチューンズユー）」で配信している。「分かりやすいし、おもしろいですね！」「すごーくおすすめです！」などと、見た人たちの評判も上々だ。 動画撮影や編集に携わるのは部員８人や顧問の教諭、部のＯＢの大学生ら計約１５人。「普通の高校生でも数学の発見ができることを伝えたい」と昨年６月、配信を始めた。 部員が発見し、イギリスの数学雑誌にも掲載された確率論の公式を分かりやすいように「すし」を使って説明。その公式から不思議なアニメーションが描けることを伝えている。また、チェスの駒を使った別
無料で英会話力を磨く4つの方法 （web R25） - Yahoo!ニュース
「TED」は世界各国の著名な研究者や活動家などが行ったスピーチの動画を、無料で視聴できる。字幕をチェックしながらしっかり反復練習しよう ビジネスの「グローバル化」が進む昨今、英語力の必要性が高まっている。そろそろちゃんと学ばなきゃ…と危機感を抱いているビジネスマンも多いだろう。とはいえ英語力に自信がない人にとっては、英会話教室に通ったり教材を購入したりするのは、いささかハードルが高い。高いお金を払っても、結局は身につかないままなのでは…と不安に思うこともあるだろう。 そこで今回は、無料で利用できる英語学習系のサイトやスマホアプリを紹介しよう。 まずオススメしたいのが、最近話題となっている「TED」。世界各国の著名な研究者や活動家などが行ったスピーチの動画を、無料で視聴できるサイトだ。ポイントは、動画の字幕が選択できること。最初は日本語の字幕で内容を把握し、次に英語の字幕に切り替えスピー
HTML5なVideo Playerライブラリ、VideoJSとMediaElement.js
WebでビデオだったらFlash+.flv最強伝説が長く続いてましたがiOSの登場で状況が変わってしまいました。 iOSではFlashはサポートされません、ていうか超悪者扱いです。 iPhone, iPad対応のコンテンツでは、ジョブズさんはHTML5(<video>)+h.264一択なのでHTML5を使わざるえません。 PC向けはどうする? どう分岐する？ そんな面倒くさいことを一手に引き受けてくれる便利なライブラリが色々登場しているみたいです。 Browserと動画フォーマット videoタグでサポートされている動画フォーマットがBrowser毎に違うのが大きな問題です。 h.264 IE9, Safari, iOS, Android WebM IE9*, Firefox 4以降, Opera 10.60以降, Chrome *IE9はVP8 CODECをインストール
HTML5学習(5)動画再生-videoタグの基本まとめ- - 青春B■雑記blog‐青酸カリ カラメルシロップ味‐
HTML5学習のまとめ【HTML5勉強用ページ-学習記事、お薦めリンク集、お薦め書籍まとめ-】はこちら 前回、前々回とスマートフォンに特化した話をしましたが、今回からまた元に戻って、HTML5そのものの話をしていきます。 ということで今回はHTML5の目玉機能の一つ、動画再生です。 HTML5ではvideo要素を使用することでこれまでは主にFlash Player形式を介して行っていた動画再生をブラウザ単体で行うことができます。 動画形式(ブラウザ毎の対応表) videoを使うにあたってまず気にしないといけないのが、各ブラウザが対応する動画形式です。 全ブラウザにて同一フォーマットであれば嬉しいのですが、現状、ライセンスの絡みもありブラウザ毎に対応フォーマットが異なっています。 調べた結果、現時点での対応状況は表にまとめると以下の通りでした。 H.264の拡張子はmp4以外にもありますが、
迫力満点。Webサイトの背景全部を動画に·BigVideo.js MOONGIFT
BigVideo.jsはWebサイトの背景に動画を利用し、そのまま再生できるソフトウェアです。 Webサイトの背景は単色、もしくは適度なパターン画像を使うのが一般的です。しかしそんな考えに捉われないソフトウェアがBigVideo.jsです。何と動画をバックグラウンドに指定し、そのまま再生してしまう驚きのソフトウェアです。 デモです。背景は画像ではなく動画です。バックグラウンドで再生されています。 切り替えました。すごく幻想的で格好いいです。 BigVideo.jsの力だけではないですが、前面のコンテンツは背景が透けていてマッチしています。映画のトレーラーに合わせて説明を加えても良さそうですし、ドキュメンタリー系のWebサイトで使っても良いかもしれません。動画はJavaScriptで切り替え可能ですが、最後まで行くとそこで止まるようになっています（ループ指定もできるようです）。 BigVid
iPhone開発が0から学べるiOS5対応チュートリアル動画 50個 | Last Day. jp
こんにちは、最近毎日Xcodeを触っています@sayobsです。ずっとXcodeを触ってなかったら色々進化していてびっくりしました。 僕はいつもYouTubeでチュートリアル動画を探して勉強します。YouTubeにとてもわかりやすいチュートリアル動画があったので紹介します。しかもiOS5対応です:) ※英語でのチュートリアルになります。 チュートリアル動画 50個 Cがわからない方向けのチュートリアル動画もあります! まずはここから。if,for loopなど基本的な事が学べます。 Cの理解が深まったらobjective-cのチュートリアル動画を観ましょう！0、1とあるんですが飛ばしても大丈夫です。実質2からがチュートリアルです。Class名の付け方とか基本的な事が学べます。 NSArrayやNSDictionaryについて。 実際にXcodeを使ってHello,Worldを表
多くの人に感銘を与えた伝説のスピーチ5選 | TECH SEVEN
Tweet 新しい１年がはじまり、新たに目標を立てたり、目標を見直したりしている方も多いのではないでしょうか。 どのような未来を見据えて、どのように過ごしていくかを考える前に、人生の先輩の言葉に耳を傾けてみるのも良いかもしれません。 今回は多くの人に感銘を与えた伝説のスピーチを5つ紹介させて頂きます。 年初に目標を立てても、忙しい1年を過ごすうちについおざなりになって年を終えてしまうことも多いと思います。目標として掲げたことをやり通すためには、初心に戻ることが欠かせません。 多くの人に感銘を与えた動画には、きっと多くの気づきがあります。初心を忘れそうになったらこれらの動画を見て振り返ってみるのも良いのではないでしょうか。 スティーブ・ジョブズ｜卒業式のスピーチ スティーブ・ジョブズが2005年にスタンフォー ド大学の卒業式で行ったスピーチ。 癌を宣告され、死と向き合ったジョブズの凝縮された
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
IDEA * IDEA