YouTube Data API v3を使用して、YouTubeページと同じリストモジュールを作ってみた【LIGアドベントカレンダー20日目】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのはっちゃんです。 こちらはLIGアドベントカレンダーの20日目の記事です。 LIGアドベントカレンダー2019は こちら！ 今回は、YouTube Data API v3を使って、YouTubeページと同じリストモジュールを再現してみたいと思います。 YouTube Data APIとは YouTubeが提供しているAPIで、動画やチャンネル、再生リストに関わる情報を取得して、自分のWebサイトやアプリケーションで使用することができます。 公式のドキュメントが用意されているので、詳しくはこちらをご覧ください。 https://developers.google.com/youtube/v3/getting-started?hl=ja 今回やること 動画URLの取得 サムネイルの取得 タイトルの取得 チャンネル名の取得 チャンネルURLの取得 再生回数の
YoutubeのAPIとjQueryを使って動画をインクリメンタルサーチする
便利に感じたのでメモ。Youtubeの 動画を検索キーワードを入れただけ で瞬時に結果を表示させる、という、 インクリメンタルサーチをjQueryで 実装するというもの。検索には YoutubeAPIを使用します。 Youtubeの動画検索をWordPressの管理画面内で出来るプラグインを自作して使っていたんですがどうにも使いにくかったところ、jQTubeUtilなるプラグインでサクっとインクリメンタルサーチが可能のようでこれを採用しました。 jQTubeUtil インクリメンタル検索を可能にするjQueryプラグインです。インクリメンタルサーチと言ってもあまり聞きなれないかも知れないのでデモ触ったほうが早いですかね・・ 以下にデモを用意しました。サジェストとして検索結果が即時表示されます。 サンプル +Mobily PlaygroundデモはMobily Playgroundのサンプル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
