日常

YOUTUBEチャンネルの最新動画をホームページに表示する方法

投稿日:

意外と需要があるけど、本当に実装されるものがなかった。

サムネは記念動画です。

調べぬいた結果こちらのサイトにいきつきました。

 

YOUTUBEチャンネルの最新動画をホームページに表示する方法

 

このリンクの通りにやると実装されます。

グーグルの検索エンジンからキーワード表記で

目次

YoutubeAPIでチャンネルの最新動画をWEBサイトに表示させる方法

で望ましい結果がでるかといわれると微妙。

 

書いてある事は初心者にはとても有用でありがたいのだが、このサイトに到達するまでが苦労の連続だった。

APIってなんぞやとかになると思うけど。

 

プログラムーアプリ=API

厳密に違うかもしれないが、便利なアプリを作って、アプリ同士を連結させますよというのがAPIみたいなもん。

最近ツイッターやらアマゾンやら使いやすいシステムの裏にはAPIがあると思うとAPIすごくねと思う。

 

最近やたらITの進化してる感じがすると思ってたわけですよ。

 

肝心な本題に戻りますが、自分が一瞬止まったのが下記の部分↓↓

取得したjsonからajax通信で動画IDを取得してhtml表示させる。

 

(#^ω^)イライラ   なんのこっちゃ・・・・・

青い部分をいじるだけでよかった(‘ω’) URLいじるだけですね

 

 

<div id="youtubeList"></div>

<script>
$.ajax({
  type: 'GET',
  url: 'https://www.googleapis.com/youtube/v3/search?part=snippet&channelId={Channel ID}&maxResults=5&order=date&type=video&key={API Key}',
  datatype: 'json',
  success: function(json){
    num = json.items.length;
    for(var i = 0; i < num ; i++){
        var ID = json.items[i].id.videoId;
        $("#youtubeList").append('<iframe width="560" height="315" src="https://www.youtube.com/embed/' + ID + '" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>');
    }
  },
  error: function(){
    alert('error');
  }
});
</script>

 

楽勝やん(嘘)、実際にいじってサイトに最新動画反映されて感動しました。

今日もいい仕事したな・・・・ 

YOUTUBEの再生数だけで飯くえるようになりたい・・・・

 

-日常
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

no image

従業員のやる気を上げるには・・・

最近かなりやる気がないです・・・ やる気がないというより疲れ果てた感じですね。 招かれるべきして招かれた事象がありすぎて投げてる感じです(笑) 上がらない原因を上げてみようと思います。   …

no image

今日も面白いことがあった。

ホテルの改修工事をみてきました まあご立派でした。キャッスルな感じで。 初めて入りましたが、部屋のパネルボタンを押すと鍵がもらえる?のをみれて感動しました。 内装は凝っているのでリフォームするといい感 …

no image

就職活動を始めました 

ハローワークで就職はオススメできない ・無料掲載出来るので、運よく人材をゲット出来る目論見があるブラック企業だらけ 小規模零細企業の社長さんが多いので、面接である程度ヤバイとおもったら行くべきではない …

賃貸管理の仕事内容について 

賃貸管理の仕事内容と今後の展開について書いておきました。 

no image

地域おこし協力隊 落ちました・・・

現在応募数 3件   書類選考・・・一次通過 2件   面接・・・二次選考 お祈り1件     結果を踏まえて まさかの1次落ちて、現在募集かかっているとこに出 …

ブログ統計情報

  • 51,006 アクセス

LINE公式アカウント&YOUTUBE

友だち追加

Twitter でフォロー

Amazon Prime 今期 オススメアニメ

Amazon Prime 今期 オススメアニメ

カノジョも彼女

小林さんちのメイドラゴンS

SSSS.DYNAZENON
僕のヒーローアカデミア

戦闘員、派遣します!

ゾンビランドサガ リベンジ

 

転生したらスライムだった件

イジらないで、長瀞さん

 

Amazon Music Unlimited 新規登録で500ポイント

【5月度最新データを反映】Amazonアソシエイトの方におすすめの おもちゃ・ホビー商品

最新配信動画リスト

翻訳

食べ物 ファッション 家具 生活用品 飲み物
家電