タグ

YouTubeとjQueryに関するswitchbladeのブックマーク (7)

  • Youtube動画をページ背景にするjQueryプラグイン「tubular」:phpspot開発日誌

    tubular, a YouTube Background Player jQuery Plugin | Sean McCambridge Design Youtube動画をページ背景にするjQueryプラグイン「tubular」 こんなことが出来ちゃうのかという感じですが、ページ背景全体をYoutube動画にできます。 実装は、$('body').tubular('_VKW_M_uVjw','wrapper'); のように、tubular にvideoIDの引数とラッパーのIDを渡せばOK。 背景をクリックで動画にとんじゃいますが、ホスティングしてもらってるわけなのでしょうがないですね。 コンテンツ領域は問題なくクリックできるところがナイスです。 関連エントリ 面白いテキストアニメーションが作れるjQueryプラグイン「textualizer」 時間の入力を楽にすることが出来るjQuer

    switchblade
    switchblade 2012/01/16
    未検証だけど背景クリックで動画に飛ぶのはIEだけなのかな?FF9は飛ばなかった
  • Youtube動画を自由自在に操れるjQueryプラグイン「Red Ytube」:phpspot開発日誌

    Red Plugin Youtube動画を自由自在に操れるjQueryプラグイン「Red Ytube」 YoutubeのAPIを使って独自の再生ボタンを作ったり、再生時間なんかを表示させたり、埋め込み動画をその場でリサイズしたりすることが可能です 独自のテキストベースの再生・停止ボタン 現在の動画時間のリアルタイム表示 右下のつまみをドラッグ&ドロップで動画をリサイズ(これは便利) APIを調べるのが億劫でも比較的簡単に実装できそうです 関連エントリ APIを使わずにYoutube動画のサムネイルを得る方法 Youtube動画埋込みを独自デザインにしたい場合に使えるjQueryプラグイン「Custom Youtube Player」

  • Youtube動画埋込みを独自デザインにしたい場合に使えるjQueryプラグイン「Custom Youtube Player」:phpspot開発日誌

    Youtube動画埋込みを独自デザインにしたい場合に使えるjQueryプラグイン「Custom Youtube Player」 2011年04月05日- Custom YouTube Player Reload ? Scripts and Code Youtube動画埋込みを独自デザインにしたい場合に使えるjQueryプラグイン「Custom Youtube Player」 Youtubeの通常のembedタグを埋めこむと、再生ボタンやらなにやらが付いていたりしますが、次のように、再生ボタンなしに出来ます。 これだけでも、デザインされたサイトには馴染みそうですね。バーがあるとデザイン全体が台なしというケースもありそう。 更に、カーソルを合わせると次のようにカスタマイズされたコントロールバーが現れます。 このコントロールバーは、JavaScript + CSS + 画像でデザインされており、

  • 再生ボタン等も変更できちゃうYoutube操作jQueryプラグイン「jQuery Youtube Player」:phpspot開発日誌

    再生ボタン等も変更できちゃうYoutube操作jQueryプラグイン「jQuery Youtube Player」 2010年10月26日- jQuery Youtube Player 再生ボタン等も変更できちゃうYoutube操作jQueryプラグイン「jQuery Youtube Player」 このプラグインを使えば次のように、Youtubeの動画に独自の再生、動画送り、リピートボタン、ボリュームボタンの他、プレイリストを付けてリストから再生なんていうことができちゃいます。 YoutubeのコントロールはFlashの中にあるから無理と思っていましたがYoutubeのFlash側で対応したっぽいですね。(外部からJSでFlash内で公開された関数を操作してるようです) ↑プレイヤー下部のリストがプレイリスト。クリックで動画が切り替わります。 ↓現在再生中の秒数なんかも取れたりするようで

    switchblade
    switchblade 2010/10/27
    Youtubeの再生ボタン等も変更できる
  • PHP+MySQL+jQueryでYoutube動画マネージャを作るサンプルプログラム:phpspot開発日誌

    jdmweb.com | How to build a youtube video manager with PHP, MYSQL & jQuery PHPMySQL+jQueryでYoutube動画マネージャを作るサンプルプログラムが公開されています。 Youtube動画の紹介サイトのヘッドラインなんかに使えそうです。紹介したいプレイリストを作って公開する場合にも使えますね。 閲覧者には、サムネイルがドロップシャドウ付で表示されます。 クリックすれば、LightBoxで動画が再生されます。 管理画面もあって、追加、編集、削除が簡単に行えます。 覚えておくと使える時があるかもしれませんね。

  • Youtubeの動画URLやvidからサムネイルを簡単に取得できるjQueryプラグイン「jYouTube」:phpspot開発日誌

    Youtubeの動画URLやvidからサムネイルを簡単に取得できるjQueryプラグイン「jYouTube」 2009年07月09日- JQuery HowTo: jYouTube - jQuery YouTube Thumbnail plugin. Gets any YouTube video’s image/thumbnail Youtubeの動画URLやvidからサムネイルを簡単に取得できるjQueryプラグイン「jYouTube」。 Youtube動画にリンクする際に、サムネイルがあったほうが分かりやすいですが、 「http://www.youtube.com/watch?v=1MUILAkkumg」 や、「1MUILAkkumg」といったパラメータを渡すことで簡単にサムネイルURLに変換できるプラグインがあるようです。 以下がサンプルコード。 <html> <script typ

  • jQueryではじめるAjax:第3回 Youtube APIとjQueryを使いこなす|gihyo.jp … 技術評論社

    たとえば、検索結果を表示する簡単なアプリケーションのために、整形されたHTMLを含むデータを取得するには次のように指定します。 http://gdata.youtube.com/feeds/base/videos フィードの種類 データを取得するフィードは数種類あります。 通常はVideoフィードを使えば十分ですが、投稿者の情報やコメントの情報等を取得するフィードもありますので、必要に応じて使い分けてください。 全てのフィードは読み取り専用であり、認証無しでリクエストすることができます。 また、新しく投稿されたビデオがフィードで取得できるようになるには、インデックス化のため数時間かかります。 Videoフィード Videoフィードには、ビデオ、関連動画、standard、お気に入り、再生リスト、コメントのフィードがあります。 ビデオフィード ビデオを検索するには、ビデオフィードを使います。

    jQueryではじめるAjax:第3回 Youtube APIとjQueryを使いこなす|gihyo.jp … 技術評論社
  • 1