2013-05

スポンサーリンク
YouTube API

複数の動画を選択可能にする

複数の動画を選択可能にするli要素がクリックされたらそこの色を変えて選択されているのがわかるようにするplayer.loadVideoById($(this).data('video-id'));はコメントアウトしておいて処理を追記するクリ...
YouTube API

サムネイルをクリックしたときの再生処理

再生の処理まず、イベントを設定する<li class="movie">に click イベントを設定するliは動的に生成されるのでon()を使うこれは jQuery の関数で動的に追加されたもの、つまりプログラムで後付けで追加した要素にイベ...
YouTube API

を参考に Youtube API を使ってみます2012年7月19日に仕様変更がありonYouTubePlayerAPIReady が onYouTubeIframeAPIReady に変更でもまだonYouTubePlayerAPIRea...
YouTube API

検索結果をきれいに表示する

検索結果をきれいに表示するli要素が追加できたので次にソートするjQuery のget オプションにわたす場合はエンコーディングしてくれるつまり、encordeURIComponent()してしまうと2重エンコードになってしまうためその場合...
YouTube API

検索結果からリスト作成

検索結果からリスト作成ドットインストールをみてメモ今後、APIでリスト化するのにつかうことになりそうajaxで結果取得できたので次にli 要素を動的に生成するまずは for でまわすfor(var i=0; i<rs.feed.entry....
YouTube API

Ajax で検索結果取得

search ボタンがクリックされたときに起動するよう設定を追加$('#search').click(function(){}を追加するget形式で取得するので$.get() になるこの関数の第一引数にはURL第2引数にオプション第3引数に...
YouTube API

youtubeジュークボックスその2

まず、中央寄せにするこれはCSSで設定head タグの中へ<style>body{test-align:center;}</style>とするtest-align:center;は中央寄せという意味次に、この設定に#player{width...
eclipse

覚えておくと便利なショートカットキー

にEclipse のショートカットキーが掲載されていましたEclipse などのIDEを使う最大のメリットはソースコードを自分で書くことを減らせることですただ、分からないとテキストエディタと変わらないでこのあたりは使い込んで暗記してしまうの...
YouTube API

youtube ジュークボックス

ドットインストールでyoutbe API でジュークボックスを作成というのがあり興味深いので実践開始まず、再生領域を div で設定基本的に div は範囲を指定するときによく使う<div id="player">次に、入力項目作成これはi...
Twitter Bootstrap

ツールチップとポップオーバー

ツールチップこれはスマホのインテントみたいなかんじでマウスオーバーとかで文字がでる<a href="#" rel="tooltip" data-original-title="補足情報">tooltip</a>これでできる必要なのはrel=...
スポンサーリンク