YouTube API

連続再生の設定のリファレンスの中にあるonStateChangeこの中にあるプレイヤーが終わった時を意味する０(ended)を使うそして、これは定数が用意されているのでこちらを使うことにするYT.PlayerState.ENDEDこれを追加...

を参考に動画コントロールの実装これで、一時停止とか次、前、などのボタンも使えるようにするnextprevに関してはcurrentIndex を増やしたり減らしたりすることで実装可能まずは一時停止$('#pause').click(funct...

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

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

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

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

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

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

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

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