タグ

YouTubeとtipsに関するsaladdaysのブックマーク (6)

  • YouTube動画コンテンツの埋め込みをしよう【実践編・YouTubeAPIを使ってプラグインを作ってみた】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、デザイナーのぺちこです。 さて、前回「YouTube動画コンテンツの埋め込みをしよう【紹介編・オリジナルUIと導入サイトまとめ】」という記事を書き、末尾で「次回は実践です!」と予告してしまったので…勉強してきました! 以前に「サイトでおしゃれに動画再生!オリジナルUIの全画面動画を実装!」という記事を書いたのですが、基的にはこれと同じことをYouTubeAPIでやってしまおう、というのが今回の趣旨になります。それでは早速いってみましょう。 DEMO 今回は、以下の項目にあてはまるような方にお使いいただけるサンプルを準備しました。サクッと実装しないといけないデザイナーさんに向けて作ったものです! しかし、私も所詮しがないデザイナー…。JavaScriptに堪能な方は、多分自分で書いたほうがスマートだと思います…。すみません、すみません…。 こちらは以下のような人におすすめです。

    YouTube動画コンテンツの埋め込みをしよう【実践編・YouTubeAPIを使ってプラグインを作ってみた】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • YouTubeで指定したアーティストの楽曲を一覧で出力してまとめて再生する方法 | ライフハッカー・ジャパン

    YouTubeのちょっとした小技。知っておくと便利です。YouTubeでアーティストごとの楽曲を探すときに活用できるもので、指定したアーティストの曲を一覧で出力し、まとめて再生リストに入れることができます。 詳細は以下より。 アーティストごとにYouTube動画をまとめる方法はこちら。

    YouTubeで指定したアーティストの楽曲を一覧で出力してまとめて再生する方法 | ライフハッカー・ジャパン
  • | ^^ |秒刊SUNDAY | 知っておくと便利なYouTubeの隠しパラメータ10個まとめ

    2009年04月19日 知っておくと便利なYouTubeの隠しパラメータ10個まとめ カテゴリ:画像・動画 YouTubeのタグはそのまま使う場合、あまり機能的ではありません。しかしこれから紹介するパラメータを指定すると更に使い勝手が広がります。 ◆1:ハイクオリティ(以下HQ)動画を指定する 動画の語尾に以下をつけることにより、よりクオリティの高い動画を見ることが出来ます ‘&fmt=18′(stereo, 480 x 270 ) ‘&fmt=22′(stereo, 1280 x 720 ) 例:http://www.youtube.com/watch?v=v-dO8RP5M4E&fmt=18 http://www.youtube.com/watch?v=v-dO8RP5M4E&fmt=18 ※勿論、HQ動画そのものが存在しない動画はHQになりません。上記動画はHQ非対応 ◆2:サイト

  • prototype.jsでYouTubeをインクリメンタルサーチ (1/3) ─ @IT

    prototype.jsでYouTubeをインクリメンタルサーチ:パターンとライブラリで作るAjaxおいしいレシピ(2)(1/3 ページ) 今回のサンプルはYouTubeの新APIを使う 2007年8月28日からGData(Google Data APIs)の仕様に基づいたYouTubeの新しいWeb APIであるGData YouTube APIが利用できるようになりました。これに伴って、以前のYouTube APIではサポートされていなかったJSONP(前回記事参照)による動画の検索ができるようになりましたので、今回のサンプルでは、この新APIを使ってJavaScriptから直接YouTubeの動画を検索させます。 Ajaxデザインパターンは「Live Searchパターン」などを使用 検索方法は、通常の「キーワード」を入力してから「検索ボタン」を押すタイプではなく、一文字一文字入力す

    prototype.jsでYouTubeをインクリメンタルサーチ (1/3) ─ @IT
    saladdays
    saladdays 2007/10/05
    インクリメンタルサーチ。良いね。
  • 動画で学ぶPhotoshop (27のテクニック) | POP*POP

    下記のサイトで「You Tubeで見るPhotoshopのチュートリアル」という記事が紹介されていました。YouTubeだけじゃなくてMetacafeの動画もありましたが・・・。 どちらにしろ文章だとわからないことでも動画だと簡単に理解できることもあります。細かい操作の多いPhotoshopやIllustratorなどはこうした動画チュートリアルに向いているかもですね。 » Use YouTube to learn Photoshop: etc: quick links to good stuff 以下、オリジナルの記事を尊重しつつ、内容の紹介というスタンスでいくつかご紹介・・・。 ■ Web 2.0-Style Logo Web2.0サイトでよく見かけるのロゴの作成方法です。光っているようなロゴですね。 ■ PHOTO EFFECT エフェクトの詳細です。どこにでもあるような電車の中の写

    動画で学ぶPhotoshop (27のテクニック) | POP*POP
  • デジモノに埋もれる日々: 自分のページにお手製の Flash Movie (FLV) を貼り付ける方法

    ■2007/01/06 [Wiiで見られるYouTubeサイト「Wii-Tube」、だいぶイイ感じになってきました。 Wiiで見られるYouTubeサイト「Wii-Tube」、だいぶイイ感じになってきました。] 昨日の Wii-Tube の記事で、こんなコメントを頂きました。 投稿者 : 不破雷蔵   2007年01月08日 09:48 ところで記事に貼り付けてある動画、Youtubeとかじゃなくて直接サーバ内から 引っ張ってきてるみたいですけど、これって管理人さんが自ら動画ファイルを Flash化したんすよね? どういうツール使うんですか? 気になるっす。 はい、おっしゃるとおりです。最近Wii-Tubeをガリガリ作っていることもあって、 今まで興味の無かった Flash Movie (FLV) 周りの情報が急激に 頭になだれ込んできています。これもそうした中の産物です。 ご自身でWeb

    デジモノに埋もれる日々: 自分のページにお手製の Flash Movie (FLV) を貼り付ける方法
  • 1