[JS]YouTubeの動画をページ全体の背景に配置し、レスポンシブ対応の今時のテクニックを使ったチュートリアル
動画をページいっぱいの背景として使用するのは、ここ数年人気の高いテクニック。 その方法はいくつかありますが、今回はレスポンシブ対応、動画の上にコンテンツを配置しスクロールでカーテンのように引き上げるページを実装するチュートリアルを紹介します。 HTML5のvideo要素で自サーバーの動画を配置するのではなく、YouTubeの動画を使うので、サーバーのレスポンスを気にする必要もありません。 デモページ：下までスクロール 実装 使用するリソース チュートリアルにあたり、下記のリソースを使用しています。 jQuery jquery.mb.YTPlayer YouTubeの動画を背景として表示するjQueryのプラグイン フォント：Google Fonts (Raleway, Lato) アイコン：Font Awesome 背景に使う動画の注意点 背景に使う動画は、下記の点に注意してください。 動
![[JS]YouTubeの動画をページ全体の背景に配置し、レスポンシブ対応の今時のテクニックを使ったチュートリアル](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b3413c8d26665727debe1c206713a14699cabe5/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015020310-01.png)
WordPressで運営しているサイトでYoutubeを使う際に知っておくと得するっぽいTips
なんとなく情報が少ない気がするので試しに 書いてみます。WordPressで運営している サイトでYoutubeをよく貼るようなことが多い ならちょっとお得、というか管理が楽になる かも知れないTipsをいくつかご紹介。自分 でも動画を使うサイトには取り入れたいカス タマイズです。 Youtubeをよくはってるサイトやブログを良く見かけますので少しでも効率が良くなればなぁと思ってTipsをいくつか書いてみました。コードばかりで何があるか分かりくいですが内容は以下になります。 ショートコードで動画を貼るカスタムフィールドで管理するz-indexが自動で効くようにしてあげるレスポンシブWebデザインに対応させるYoutubeのサムネイルを取得する管理画面で固定の動画を管理するショートコードで動画一覧をドバッと出せるプラグイン・TubePressショートコードで動画を貼るショートコードでYout
スティーブ・ジョブズ伝説のスピーチを関西弁に吹き替えてみた
スティーブ・ジョブズ氏の名スピーチを、関西弁に吹き替えた動画がYouTubeに上がっています。スピーチは2005年6月にスタンフォード大学の卒業式典で行われたもの。訛りやアクセントが明らかに大阪人のスティーブ氏におかしみや親しみを覚えながら、スピーチの中身はやはり感動的です。 「マッキントッシュ」の響き（マにアクセント）は日本橋あたりで聞き覚えが 「ウォズと一緒にアップルつくってん」「ちょうど最高の製品マッキントッシュをつくりだしたころや」――。アップル創始者ならではの単語が関西イントネーションになっていて、なんとも笑える違和感が。かと思うと、「せやから、今あんたらはその点がちゃんと未来につながってくれるっちゅうことを信じるだけや」など、そのメッセージに深く胸を打たれることもあります。氏に興味がなかった人に彼を勧めたいときはもってこいの動画かもしれません。 関連キーワード スティーブ・ジョ
hikki @YouTube (宇多田ヒカルの公式YouTubeチャンネル)
Hikaru Utada Official YouTube Channel宇多田ヒカル(うただひかる Hikaru Utada)シンガー・ソングライター1983年1月19日生まれ1998年12月9日にリリースされたデビューシングル「Automatic/time will tell」はダブルミリオンセールスを記録、...
LOVECARS!TV!
【LOVECARS!TV!とは？】2008年12月にスタートした自動車専門チャンネル（当初のチャンネル名はmanavideo）1993年から約30年に渡って自動車ジャーナリストとして活躍する河口まなぶが、企画／製作／構成／編集／出演のほぼ全てを自分１人で行なうところからスタートし、国内外の新型車の動画を中心に自動...
YouTube API Blog: A New Way To Embed YouTube Videos
Thursday, July 22, 2010 A New Way To Embed YouTube Videos An enhancement to our video embed capability is now available through a new embed code style. This new style uses <iframe> and looks like this:<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0"> </iframe> Example: If you use the new embed code style, your view
とあるイベントにおけるTwitter中継事例:Geekなぺーじ
昨日、某イベント(参考：全日本剣道連盟Twitterを開始)の中継スタッフ(i.e.お手伝い係)として撮影係をしていました。 中継はTwitterを中心とした形で行ったのですが、Web、ブログ、Twitter、YouTube、twitpicを横断した複合的な中継という形になりました。 全日本剣道連盟の広報職員以外で、今回オンライン情報配信のために活動をしていたのは5人でした。 私は、そのうちのハイスピードカメラ動画(スローモーション)撮影及び、撮影した映像編集係でした。 会場で「全剣連」と書かれた腕章をしながら報道関係者の方々の横でひたすら動画撮影を行っていました。 Twitter部隊の様子 昨日、その時の様子を写真で撮影してTweetされていました。 twitpic係の方が撮影をしていたので映っているのは4人です。 http://twitpic.com/o37ir - 5人体制でTwit
もじもじTV » ログイン
もじもじTVとは? 1もじもじTVは「動画内音声認識エンジン」を搭載しています。動画内で話されている言葉が、高性能音声認識エンジンによって、自動でテキスト化されています。 2もじもじTVの音声認識エンジンは、従来の方法では対応できなかった新しい言葉や話題の人物の自動認識も可能になりました。従来は手作業で音声認識辞書への登録が必要でしたが、新語とその前後のつながりを自動学習することで、動画の音声も認識が可能になりました。 3音声認識によりテキスト化された情報は、WikiPediaのように修正をすることが可能です。修正を行っていくことで、認識の精度が上がっていきます。 もじもじTVでは、動画が自動で音声認識され、その結果がテキストとして表示されます。そのテキストはユーザーが直接編集したりできます。 また、テキスト、タイムライン、動画は同期しながらダイナミックに再生されます。
Youtube の貼り付け用 HTML を valid にするスクリプト
Youtube の貼り付け用 HTML を valid にするスクリプトです。 １．使い方 YouTube のページ右にある「埋込み」のテキストフィールドの内容（object要素）をコピー。 コピーした内容を、このページの上側のテキストエリアにペーストして、すぐ下にある「Valid XHTML」をクリックします。 下側のテキストエリアに変換したマークアップが表示されます。テキストエリアを一度クリックすれば表示されている内容が全選択されるので、コピーして、ブログなどに貼り付けてお使いください。「Clear」をクリックすれば、上下のテキストエリアの内容を消去します。 ２．機能 このスクリプトでは以下の変換を行なっています。 object 要素に data 属性を追加し、属性値に embed 要素の src 属性値を記述 object 要素に type 属性を追加し、属性値に embed 要素の
YouTube の"News Near You"が「テレビ版 Google News」になる？
Google News が新聞社に対して与えたのと同じ種類のダメージを、今度は YouTube がテレビ局に対して与えるかもしれない……そんな記事が New York Times に掲載されています： ■ Now on YouTube, Local News (New York Times) 肝になるのが、今年4月に YouTube に導入された新機能"News Near You"。IPベースで位置を把握し、そこから半径100マイル（約160キロ）圏内のローカルニュース（過去1週間以内のもの）を拾ってくるという機能だそうですが……すみません、いまちょっと触ってみたのですが表示させることができませんでした。ともかくこの機能があれば、映像版のローカルニュースを簡単に引っ張ってくることができるわけですね。 To date, nearly 200 news outlets have signed
YouTubeの著作権問題が放送とネットの融合を推進する？
米Googleによる買収が米国時間10月9日に発表されたばかりのYouTube。最近では「この動画見て」「これ面白いよ」といったリンク先がYouTubeなっていることも珍しくなくなっている。YouTubeと知らずに見ている人も含めて，かなりの読者はすでにアクセスしたことがあるのではないだろうか。 念のために確認しておくと，YouTubeとは動画を簡単にアップして，インターネット上に公開できるアメリカのWebサイト。簡単なユーザー登録だけで，自分の作ったビデオなどの動画コンテンツを，世界中の人と無料で共有できる。 YouTubeの操作はとても簡単で，これが人気を集めている一つの要因といえる。サイトには英文の説明しかないが，ほとんど直感的に操作できる。この使いやすさがうけて，今では1日あたり1億以上のビューがあり，新しいビデオも毎日6万5000本もアップされるまでに成長しているという。 You
フジテレビラボLLC合同会社 時澤 正 代表～YouTubeとの違いは安心感 ロングテールの広告媒体にする - ビジネススタイル - nikkei BPnet
第3回 フジテレビラボLLC合同会社 時澤 正 代表～YouTubeとの違いは安心感 ロングテールの広告媒体にする 2006年9月27日 フジテレビジョンと、トランスコスモス傘下のネット事業開発企業チームラボビジネスディベロップメントが共同で設立した「フジテレビラボLLC合同会社」は2006年7月13日に、一般ユーザーからの投稿映像を公開するWebサイト「ワッチミー！TV」の試験サービスを開始した。日本版YouTubeとの見方もあるが、YouTubeとは一線を画したサービスとして、ネットならではの映像文化の育成を支援する。同社代表の時澤正氏はフジテレビで報道や情報番組に長く携わってきた映像のプロ。その時澤氏にサービス提供の狙い、ビジネスモデル、今後の課題などを聞いた。 （聞き手はライター 橋本 雄一） 「ワッチミー！ TV」とは？ 時澤 一般のユーザーが撮影した映像をネット上で公開でき
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Official Olympic Channel by the IOC - YouTube
