カテゴリー別アーカイブ: YouTube API

連続再生の設定とユーザビリティ

連続再生の設定 https://developers.google.com/youtube/iframe_api_reference#Events のリファレンスの中にある onStateChange この中にあるプレイ … 続きを読む

カテゴリー: YouTube API | コメントをどうぞ

動画コントロールの実装

http://dotinstall.com/lessons/youtube_jukebox_js/7612 を参考に動画コントロールの実装 これで、一時停止とか次、前、などのボタンも使えるようにする next prev … 続きを読む

カテゴリー: YouTube API | コメントをどうぞ

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

複数の動画を選択可能にする li要素がクリックされたら そこの色を変えて選択されているのがわかるようにする player.loadVideoById($(this).data(‘video-id’ … 続きを読む

カテゴリー: YouTube API | コメントをどうぞ

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

再生の処理 まず、イベントを設定する <li class=”movie”>に click イベントを設定する liは動的に生成されるので on()を使う これは jQuery の関数で 動的 … 続きを読む

カテゴリー: YouTube API | コメントをどうぞ

http://dotinstall.com/lessons/youtube_jukebox_js/7608 を参考に Youtube API を使ってみます 2012年7月19日に仕様変更があり onYouTubePla … 続きを読む

カテゴリー: YouTube API | コメントをどうぞ

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

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

カテゴリー: YouTube API | コメントをどうぞ

検索結果からリスト作成

検索結果からリスト作成 ドットインストールをみてメモ 今後、APIでリスト化するのにつかうことになりそう http://dotinstall.com/lessons/youtube_jukebox_js/7606 aja … 続きを読む

カテゴリー: YouTube API | コメントをどうぞ

Ajax で検索結果取得

search ボタンがクリックされたときに 起動するよう設定を追加 $(‘#search’).click(function(){ } を追加する get形式で取得するので $.get() になる … 続きを読む

カテゴリー: YouTube API | コメントをどうぞ

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

まず、中央寄せにする これはCSSで設定 head タグの中へ <style> body{ test-align:center; } </style> とする test-align:center; は中央寄せ … 続きを読む

カテゴリー: YouTube API | コメントをどうぞ

youtube ジュークボックス

ドットインストールで youtbe API でジュークボックスを作成というのがあり興味深いので 実践開始 http://dotinstall.com/lessons/youtube_jukebox_js まず、再生領域を … 続きを読む

カテゴリー: YouTube API | コメントをどうぞ